IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット｜Web Design KOJIKA17

IEでCSS3の効果を出せる。 クロスブラウザ対応 CSSスニペット 2011-02-01 影をつけたり、角丸にしたり、便利なCSS3。モダンブラウザは続々と実装されています。 しかし依然としてIEのシェア率が多い現在では、「CSS3を使うのは、ちょっと・・・」と思っている方も多いと思います。 そこでIEのfilterを利用し、JavaScriptや画像を使わずに、CSS3に近い効果を表現できる、 実用的なCSSのスニペットを紹介致します。 Opacity 指定したボックス自体の不透明度を変えることができます。 また指定した要素の下位の要素に対しても、効果が継承されます。 imgのロールオーバーなどの使い道があります。 Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi

[m-r-design]

IEに対応させるスニペット

[sukceson]

css3

[nyarugo]

クロスブラウザ対応

[natsukareala]

これは便利！IEに角丸とかシャドウとかつけるやつ

[blend27]

ie9で使えないcss3の代わりに。

[d_animal141]

IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット｜Web Design KOJIKA17

[kijtra]

IEのRGBAは「#aarrggbb」だね。

[lotus_tribal]

あ、IE9なら回転もできるのね。知らなかった。

[saito-kazuo]

IETesterのIE7ではこのページのText Shadowが再現されない。あとでいろいろ試す

[hidex7777]

いちばんまとまってる。filterのhasLayout=trueにする＞/zoom:1;（ブコメより）

[jorira]

css3 IE

[chimantare]

CSS3つかいたい

[havefun81]

わかりやすい

[glat_design]

透明度、ボックスシャドウ、テキストシャドウ、2Dトランスフォーム、グラデーション、背景画像の複数指定、縦書き等

[yomotsu]

filter は hasLaytout が true じゃないと動かないから、IE7以下で動かないのはそのせいでは? /zoom:1; を同時に指定するようにすれば OK だとおもいます

[site159]

さて　IEのフィルタをよしとするかどうかだ

[kojika17]

【ブログを書いた】IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット : Web Design KOJIKA17