by zhangxinxu 2009-08-21 23:45

jQuery插件是IE6下png背景透明与图片的大小控制

IE6下未透明处理图片
这里的png图片并没有接受jQuery的png透明js的透明处理,可以在IE6浏览器下看到透明部分显示为蓝蓝的背景色。
此图片属于对照图片,与下面的接受透明处理的图片做对比用,用于测试此jQuery透明插件的效用。
原始大小的png图片
这里的图片使用的是img标签,用src链接图片路径。图片大小未作限制。用来和下面的图片大小做对比
<span class="l"> <img class="zxx_test_png" src="../image/png_test.png" /> </span>
接受透明处理并拉伸2倍的png图片
即使您现在使用的IE6浏览器,您也会发现图片拉伸了两倍。说明这个jQuery png透明插件已经解决了图片大小控制不起作用的问题。
<img width="256" height="256" class="zxx_test_png" src="../image/png_test.png" />
2倍拉伸的type类型为image的input框
这里的表现是让人惊喜的。这里的jQuery png透明插件不仅支持image类型的input png背景透明,还支持其大小的控制,也对,其实image类型的input就是一个image。
<input class="zxx_test_png" type="image" src="../image/png_test.png" width="256" height="256" />