ie6下img模式png图片透明解决方案

作者:林炜贤来源:www.163css.com发表时间:(2010-12-13)

几个月前,我提出了解决ie6下background模式的png图片解决方案,当时是针对至尊酒业这个项目的,我记得是通过在样式表中针对ie6写样式解决的。但实事上,我们在网页制作中,经常会碰到另外一种png模式,那就是img模式了。

众所周知,ie6有个毛病,而且是一个让人头疼的毛病,那就是没办法支持png24的图片,但png24的图片又可以很完美地解决据齿的问题。不过,问题出现了,总是有解决方案的,我今天提供了这人pngobject.js就很好地解决了ie6下img模式的透明问题。

今天我举的这个例子,估计大家在网页制作中也是经常用到的。就是商城中,在图片的左上角贴上热销或是秒杀之类的小图片。我将“辅料专区”这个图片切成png24,接着用定位技术将图片置于大图之上左上角,这样程序就可以读取图片了,而用户也可以通过后台自由上传图片。

以下是我制作的效果截图,以下是没有采用pngobject.js在IE6下的表现:

左上角是不是很难看?

以下是采用了pngobject.js后的表现:

 

怎么样?效果不错吧,真是非常感谢开发这个脚本的高手,以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/css/201012/ie6png/index.html

下载地址:ie6下img模式png图片透明解决方案.rar

返回作者主页:www.163css.com阅读 (9302)
更多 1