解决IE6下png图片不透明的问题
由 撰写于 2010/08/16 | 49 条评论
IE6是样式设计的时候很多人都深恶痛绝的,除了它的排版难度大,位置飘忽,fixed无视之外,还有一点是让人无法忍受的:不支持透明的png 24(png 8支持,但效果和gif几乎一样)图片。
今天早上起来看到黑压压的各种网站,所以无聊找了一下解决办法。主要通过DD_belatedPNG.js来完成。
使用方法
1.下载DD_belatedPNG.js文件。【点这里下载】
2.找到你需要添加的元素名称,可以是id或者class名称,例如添加到元素class=”pic”,pic有background为png图片的属性。就可以在需要的地方(如header.php文件)加入内容如下:
<!--[if IE 6]> <script type="text/javascript" src="http://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图片的透明问题,这里就不再一一介绍了。
@9fun 但是渐变的阴影gif表现很差啊
感觉DD_belatedPNG.js是最好用的解决png透明bug的方法了
@万戈 是个好方法
大哥一起来放弃IE吧,一起来BSIE!
@Mucid 早放弃IE了,但是用户还是很多啊!~
@阿修 或许我们应该引导他们!
@Mucid 要不,你去裸体游行,我去做条幅?~~
@阿修 这个要换过来,我系处男,不能露相
@Mucid 总得给处男一个锻炼机会嘛!~战场的时候就会蛋定多了
@阿修 呃?那里打仗啊。。
呃,草鸡邪恶
@Mucid 哎哟,天气不错
耶,阿修你穿越了,我在4月6日的文章《用Javascript解决IE6下PNG不透明的尴尬》介绍的就是这个,而且沙发是你…
@MOPVHS 昨天晚上1点左右发的,有点迷糊了。呵呵
今天、、、飘过算了、、、、
之前看过很多类似的方法
用js的方法应该是最好的~麻烦的IE6~~我不管了~
@Bee君 是,JS比较方便,而且效果明显
我直接忽视IE6;额。。
因为我发现与我在博客交流的都不使用IE6了,那些使用IE6的都是搜索进来的,找到需要的就匆匆离开的,我只保证他们能正常看到文章就行了。。。。
@QiQiBoY 这也是个想法。不过偶尔用别的电脑,感觉还是不太舒服
我在我主题竟然也发现了这个JS…….
貌似很久之前使用过的JS做皮
IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!IE6去死!喊我我继续做针对IE6的东西。。
@N 好,下次喊你~~
貌似我在360下的各种图片都有透明效果,倒是其他的谷歌浏览器啥的,有时候没有透明效果
@学夫子 360是IE内核的,看你IE版本了。
无视IE,IE去屎 ~
@小邪 哇哈哈哈
路过长知识~
比较显眼的我用了gif。。。
杯具
小的就无视IE了
@A.shun GIF还是没有PNG表现出色啊,尤其像我首页的镜面那样的东西。IE6永远是问题