解决IE6下png图片不透明的问题
IE6是样式设计的时候很多人都深恶痛绝的,除了它的排版难度大,位置飘忽,fixed无视之外,还有一点是让人无法忍受的:不支持透明的png 24(png 8支持,但效果和gif几乎一样)图片。
今天早上起来看到黑压压的各种网站,所以无聊找了一下解决办法。主要通过DD_belatedPNG.js来完成。
使用方法
1.下载DD_belatedPNG.js文件。【点这里下载】
2.找到你需要添加的元素名称,可以是id或者class名称,例如添加到元素class=”pic”,pic有background为png图片的属性。就可以在需要的地方(如header.php文件)加入内容如下:
1 2 3 4 5 6 7 |
<!--[if IE 6]> <script type="text/javascript" src="https://axiu.me/wp-content/themes/Summ/js/DD_belatedPNG.js" ></script> <script type="text/javascript"> DD_belatedPNG.fix('.pic'); </script> <![endif]--> |
3.在IE6下刷新页面,就可以进行预览了。
实际效果及后话
图片演示可以在IE6下看我首页的边栏订阅图标,或者文章缩略图镜面效果。
当然,除此之外,还有很多方法可以解决IE6下png图片的透明问题,这里就不再一一介绍了。
转载请注明转自:解决IE6下png图片不透明的问题
没IE6,无法测试…
@BoKeam ~~你可以下载一个去。
IE6快点儿退市吧,现在太多问题都是围绕它讨论啦~~~~
@奶牛 等到全民预装win7的时候就可以了
呵呵,方法收藏了,不过早就放弃了IE6了,只用FF与IE8

@减肥食谱
不知道你的客户有没有放弃IE6呢??
确实是个问题,我叫朋友做的渐变透明的图片,都不能用,GIF的什么都显示不出来
@西门 IE什么的最讨厌了。。
很需要这个方法~
呵呵,又开始折腾了吧
可恶的IE6
直接无视ie6
我没管这个问题。。囧。。
———-
笑话不需要分类,只需要全文订阅
DD_belatedPNG.js的确是解决ie6透明的最佳方案,之前我也写过文章向人推荐它http://twetw.com/blog/445.html
这个方法不错。。不过IE6我博客完全错位了。。
如果只是一般的话,做成gif的不就可以了嘛….
@闲云野鹤 gif的渐变很悲惨……
好的很