Uchina-Trend
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;」が必要だった。
後は、参考サイトをみればできました。
これは今後サイト制作にもってこいですね。
関連記事
タブレット端末最適化Webサイト つまりはどうゆうこと!?
Yahoo!JAPAN ジャック!プレモル一色
スマートフォンサイト制作には必須 CSSスプライト
最近やたら気に入っているFireFoxアドオン「QrEverything」サイト制作に便利
IEでも角丸処理が「PIE.js」できたよ!手こずった、、、。
WebDesigning 今月から定期購読
jQuery Mobile リファレンス本を買った!もっと早く知っていれば
Share to Facebook
To tweet