IE8でロールオーバー等で透過させたテキストのアンチエイリアスが効かなくなる!

2014/09/29

ie_nth-child

こんにちは。
今回はIE8でロールオーバー等で透過させたテキストのアンチエイリアスが効かなくなるのでその回避する方法のメモ書きです。

調べてみるとフォントにメイリオを指定した箇所にopacityで透過させるとアンチエイリアスが効かなくなり、テキストがジャギジャギなるらしいです。

なのでそのテキストの箇所にメイリオを外したら直りました。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

またしてもIEという感じですが、まー毎度の事なので…。
以上でIE8でロールオーバー等で透過させたテキストのアンチエイリアスが効かなくなるのでその回避する方法のメモ書きでした。

参考サイト:メイリオを指定したIE7・8でopacity不具合

topへ戻る