by zhangxinxu 2009-08-23 1:07

IE6下png背景透明与background-position定位失效

IE6下未透明处理图片
这里的png图片并没有接受jQuery的png透明js的透明处理,可以在IE6浏览器下看到透明部分显示为蓝蓝的背景色。
此图片属于对照图片,与下面的接受透明处理的图片做对比用,用于测试此jQuery透明插件的效用。
透明背景图片background-position失效
background-image背景图片已透明处理。
png背景是透明了,但同时也带来了另外的问题,那就是background-position定位失效,无论你设置什么值,都是左上角定位(即background-position:0 0;)。这里已经设置了"background-position:-100px -100px;"但是最后……
<img width="128" height="128" class="zxx_test_png" src="../image/pixel.gif" style="background-image:url(../image/png_test.png); background-position:-100px -100px;" />
未透明处理图片对比
background-image背景图片未透明处理。
png背景是为非透明,但是您可以发现,设置的"background-position:-100px -100px;"起作用了。
<img width="128" height="128" class="zxx_test_png" src="../image/pixel.gif" style="background-image:url(../image/png_test.png); background-position:-100px -100px;" />