IEでも角丸処理が「PIE.js」できたよ!手こずった、、、。

MAX30

2012年11月23日 19:46

IE7・8でもCSS3の角丸処理をやってみました。参考にしたのは下記の記事。

■IEをCSS3に対応させるCSS3 PIEのJavaScript版を使う
http://jsnt.blog.fc2.com/blog-entry-5.html

■【IEにbox-shadowなどを適用】アメブロで「CSS3 PIE – js」を使う
http://ameblo.jp/etude666/entry-11140819720.html

■CSS3での角丸について
http://y-growth.com/blog/archives/363.html

てこずったのは下記の点、

■まず、jQueryが読み込めていなかった、、、。(かなりの凡ミス)
■角丸かける要素に「position: relative;」が必要だった。

後は、参考サイトをみればできました。
これは今後サイト制作にもってこいですね。
関連記事