1.png8格式
其实这种格式就是相当于gif格式,对于半透明还是不是给予很好的支持,那就将就着用吧。转换方式可以使用photoshop中保存为web格式-->选择png8格式。
2.ie滤镜
在元素中使用滤镜可以达到重绘img的目的,在样式中使用:
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/nav.png', sizingMethod='scale');
只能用于background的情况下,而且不能repeat和position,而且会覆盖到容器内的链接或按钮(这个可以用absolute定位之类的解决)
3.jquery png fix:jquery.pngFix.js
可以使用在全局$(document).pngFix()或特定的选择器$(".xxx").pngFix()
缺点也在于不能用于repeat和position
4.iepngfix:iepngfix
在样式里面添加标签的behavior:url(iepngfix.htc),添加iepngfix_titlebg.js可以支持repeat和position,用于商业用途需要许可。
缺点就是behavior不能单独定义id或class这样的样式,只能定义在标签(img,div,a,input)里面
5.DD_belatedPNG:DD_belatedPNG
使用vml绘制的插件,可以对class选择器(包括伪类)相应的元素的png图片进行重绘,原生支持repeat和position。