IE6でpngを対応させる( filter:progid:DXImageTransform.Microsoft.AlphaImageLoader)
11/12
JavaScript jQuery, Tips No Comments
IE6は、ブラウザとしては一番古いのにまだシェアとしてまだまだ高い。無視してもいいんだけど、放置しておくのもいかがのものかと思う。
IE6でPngを対応させる方法して
*html #logo a{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/common/logo.png", sizingMethod="crop");
}
これが一番てっとり早い方法だと思う。対応させたい画像のパスだけど、これはHTML上を基準にして考えているようだ。それと「sizingMethod」は、画像をどのような形で作った。
IE6のみ対応ということで「*html」を使っている。これは、ファイルを別シートにしてIEのコメントハックを使うという方法もある。
参考記事
IE6対応!jQueryで透過PNGのロールオーバーを作る
Twitter
RSS