PIE.htc使うとき①.htaccess②position:relative; を確認

Tweet

デザの子にWebの要素ごとに充てるデザインを作ってもらったら、角丸使いまくり！ でも、さすがにCSS3時代になっているので、IEでCSS3の角丸対応させる方法として有名なCSS3 PIEというライブラリを組み込むことにしたのだが、なかなか一筋縄ではいかなかったので。

1.PIE.htcを読み込まない

HTC (Behavior)ファイル使用の共通注意点 [www.minc.ne.jp]

.htaccessに AddType text/x-component .htc が必要。

2.動いたが要素のバックの色が消えてしまう

CSS3 PIEでつまづいた点 « minimo [www.minimo.jp]

にある通り、position: relative; が必要。

これ使うと、h3あたり角丸にしたいとしてもすぐできるよ。

2010.07.26 23:34 投稿　大野 義貴 [Web] | 固定リンク |