IE6-8 での表示を改善 (一部 CSS3 に対応)

eye_web

白フレームメガネの agsato です.「CSS3 PIE」 を導入して Internet Explorer でも 「角丸」 や 「シャドウ」 などの CSS3 エフェクトが効くようにしてみました.

スクリプトを導入するだけのお手軽簡単!

IE6-8 では CSS3 が使えない

comict の Web サイトでは 「border-radius」 と 「box-shadow」 という CSS3 プロパティを使って角丸やシャドウのエフェクトを実現しています.最近のブラウザであれば CSS3 に対応しつつありますので良いのですが,IE6-8 では CSS3 に対応していないためデザインが意図通りにならないという問題が発生していました.

CSS3 PIE を導入

そこで IE でも簡単に CSS3 を使えるようにするための便利なスクリプト 「CSS3 PIE」 を導入してみることに.

IE6-8 でも CSS3 が使えるように!

CSS3 PIE を導入したことで IE でも角丸やシャドウなどのエフェクトが効いて,ずいぶんと見やすくなりました.オススメです.

反面,体感できているデメリットとしては,PC のスペックによってはページをスクロールしたときの動作が少しぎこちなく感じる場合があるかもしれません.なので,見やすさを考慮して最低限エフェクトをかけたいところだけに適用するだけに留めておきました.