解决IE6下png图片不透明的问题——w3cdream|前端学习-开发

'I'm W3cdream,创造',前·所·未·有
解决IE6下png图片不透明的问题

发布作者:萧强   发布时间:2013-04-19   阅读次数:9851

下面w3c梦想站为大家推荐几个解决ie6透明问题


IE6是样式设计的时候很多人都深恶痛绝的,除了它的排版难度大,位置飘忽,fixed无视之外,还有一点是让人无法忍受的:不支持透明的png 24(png 8支持,但效果和gif几乎一样)图片。

今天早上起来看到黑压压的各种网站,所以无聊找了一下解决办法。主要通过DD_belatedPNG.js来完成。
使用方法1

1.下载DD_belatedPNG.js文件。【点这里下载

2.找到你需要添加的元素名称,可以是id或者class名称,例如添加到元素class=”pic”,pic有background为png图片的属性。就可以在需要的地方(如header.php文件)加入内容如下:


3.在IE6下刷新页面,就可以进行预览了。

方法2

就是把png的图片保存为gif格式的图片,它也支持透明格式,在ie6下也是透明,并且小,加载速度快,所以也可以用gif格式的图片代替png的透明。

如需转载,请注明出处:w3cdream梦想站


常用昵称:萧强,全端布道者

姓名:“刘晓强”,W3CDream创始人,目前就职于易点付。专注于web前端和移动端方面知识的研究,熟练掌握photoshop和AI,喜爱Flat UI设计和Metro UI风格,熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS,还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
友荐云推荐

浏览器解决兼容方案

热点文章

新闻资讯

标签云

友情赞助