IE6でも半透明のpng画像を表示するCSSテクニックの備忘録

IE7からはpngを表示してくれるのですが、それまでのバージョンでは表示されないので、
ハックを使ったIE6でもpng画像を表示させる方法の備忘録。

ちなみに、スクリプトを利用してもできますので、そちらの方法はサクっと検索すると出てきます ^^;

っということで、スクリプトでもできますが、CSSで表示する方法の備忘録

例えば、div の中に画像を表示するとして、divタグに sample っていうクラスを指定します。↓

このままだと、IE7以上とその他のモダンブラウザでは表示しますが、
IE6はだめなので、sample っていうクラスにハックをあてたCSSを追加します。↓

※ widthとheightの大きさは表示される画像と同じに。

これで、IE6でもpng画像が使えます。

ちなみにdivタグとかで、背景を指定したい場合に有効なCSSはこちらが詳しいです。

:: スポンサーリンク ::

posted by そば富泉

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)