DD_belatedPNG:IE6で背景に指定のpng画像を透過してくれるjs



IE6でも背景に指定のpng画像を透過してくれるjsです。
(そもそもIE6自体が消えて欲しい限りですが)

1.CSSの記述例

(以下は任意です)

<style type="text/css" media="all">
<!--
.clWrap{
	width:600px;
	margin:0 auto;
	padding:15px;
	background:url(bg01.jpg) top left repeat;
	text-align:center;
}
.png_bg{
	width:235px;
	height:114px;
	margin:0 auto;
	background:url(bg.png) left top no-repeat;
}
-->
</style>

2.読込むJsとJavaScriptの記述例

IE6で閲覧した場合のみJsが効く様にします。

<!--[if IE 6]>
	<script src="DD_belatedPNG_0.0.8a.js"></script>
	<script>
		DD_belatedPNG.fix('img, .png_bg');
	</script>
<![endif]-->

3.HTMLの記述例

<div class="clWrap">

	<div align="center"><img src="trans.png" width="260" height="114" alt="png画像をそのまま表示" /></div>
    <br />
    <br />

	<div class="png_bg"></div>

</div><!--/clWrap-->

DD_belatedPNG:IE6で背景に指定のpng画像を透過するデモ

ソース元:DD_belatedPNG: Medicine for your IE6/PNG headache!

IE6だけでなくIE自体をどうにかもそうですが、
色んな種類のブラウザが有り過ぎな気がします。

新しいバージョンを出すのも良いですがそれ以前のバージョンが
残るので結局制作者は種類が増えてるのとかわらない気がします。