IE6是样式设计的时候很多人都深恶痛绝的,除了它的排版难度大,位置飘忽,fixed无视之外,还有一点是让人无法忍受的:不支持透明的png 24(png 8支持,但效果和gif几乎一样)图片。
今天找了一下解决办法,主要通过DD_belatedPNG.js来完成。
使用方法
1.下载DD_belatedPNG.js文件。【点这里下载】
2.在页面头部添加如下内容:
<!--[if lte IE 6]>
<script src="<%=basePath%>js/DD_belatedPNG_min.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('div, ul, img, li, input , a');
</script>
3.在IE6下刷新页面,就可以进行预览了。
实际效果及后话
图片演示可以在IE6下看我首页的边栏订阅图标,或者文章缩略图镜面效果。
当然,除此之外,还有很多方法可以解决IE6下png图片的透明问题,这里就不再一一介绍了。