by zhangxinxu 2009-08-22 1:15

JavaScript与IE6下png背景透明

img标签背景透明
这里的图片使用的是img标签,用src链接图片路径。如果当前浏览器为IE6浏览器,或使用内核为IE6的浏览器,则在页面载入的过程中或许可以看到蓝背景消失。
<img class="zxx_test_png" src="../image/png_test.png" />
background-image背景透明
background-image背景图片为含有透明背景或半透明的png图片时的透明处理。
png背景是透明了,但同时也带来了另外的问题,那就是background-position定位失效,无论你设置什么值,都是左上角定位(即background-position:0 0;)。所以无法应用css sprite。
<img width="128" height="128" class="zxx_test_png" src="../image/pixel.gif" style="background-image:url(../image/png_test.png);" />
type类型为image的input框
这里IE6下png的背景图片依旧为非透明的,可见此JavaScript对type为image类型的input的png背景透明并不支持。
<input class="zxx_test_png" type="image" src="../image/png_test.png" width="128" height="128" />