一个修复IE6 PNG不透明问题不错的解决方案
2012-12-26 09:41
435 查看
http://www.feeldesignstudio.com/2011/12/02/ie6pngfix.html
IE6是不支持透明的PNG的,虽然每个web开发人员都恨死了IE6,但是在我们伟大的祖国,IE6的用户还占着极大的数量优势,所以我们不能随意的抛弃他们。
有个很稳妥的解决方案,在IE6下使用png-8或者gif替换,但是你懂png-8或者gif的透明有多丑的。其他的解决方案也有很多,比如用filter滤镜等等(解决方案1 ,解决方案2),但是都会有或多或少的问题,比如尺寸问题、background-position和background-repeat属性支持的不完善问题等等。
今天给大家介绍的是我平时用的解决方案——DD_belatedPNG,这个是暂时来说最好的解决方案了,他使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,所以对所有的样式支持的很好,你可以把png图片用于<IMG/>或者background-image
官方网站 http://dillerdesign.com/experiment/DD_belatedPNG/
点我下载 http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js
其使用方法很简单,在head标签中插入如下代码:
<!--[if IE 6]>
<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png');
/* .png是所有应用了透明PNG的CSS选择器,你可以用你自己的选择器,比如 DD_belatedPNG.fix('.box a:hover');
对于:focus和:hover伪类,可以用DD_belatedPNG.fix('.png, a.png:hover, .png:focus');
*/
</script>
<![endif]-->
IE6是不支持透明的PNG的,虽然每个web开发人员都恨死了IE6,但是在我们伟大的祖国,IE6的用户还占着极大的数量优势,所以我们不能随意的抛弃他们。
有个很稳妥的解决方案,在IE6下使用png-8或者gif替换,但是你懂png-8或者gif的透明有多丑的。其他的解决方案也有很多,比如用filter滤镜等等(解决方案1 ,解决方案2),但是都会有或多或少的问题,比如尺寸问题、background-position和background-repeat属性支持的不完善问题等等。
今天给大家介绍的是我平时用的解决方案——DD_belatedPNG,这个是暂时来说最好的解决方案了,他使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,所以对所有的样式支持的很好,你可以把png图片用于<IMG/>或者background-image
官方网站 http://dillerdesign.com/experiment/DD_belatedPNG/
点我下载 http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js
其使用方法很简单,在head标签中插入如下代码:
<!--[if IE 6]>
<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png');
/* .png是所有应用了透明PNG的CSS选择器,你可以用你自己的选择器,比如 DD_belatedPNG.fix('.box a:hover');
对于:focus和:hover伪类,可以用DD_belatedPNG.fix('.png, a.png:hover, .png:focus');
*/
</script>
<![endif]-->
相关文章推荐
- 修复IE6 PNG不透明问题的最佳解决方案
- IE6下png透明问题解决的最佳方案
- 解决IE6下的,不能显示透明PNG图片的问题(转载)
- IE6中 PNG 背景透明的最佳解决方案
- css ie6 png透明背景之js解决方案
- IE6 PNG不透明问题
- ie6下background png 透明问题
- 摘抄:透明PNG在IE6下的官方解决方案
- PNG在IE6下透明的css解决方案
- 解决PNG图片在IE6下的透明问题
- 解决IE6不支持PNG-24透明的问题
- IE6中对于插入的透明背景的.png的图片有灰色背景的解决方案
- 完美解决ie6不支持png 透明图片 和标签背景的问题
- IE6下PNG图片无法实现透明的解决方案(非CSS,多图)
- IE6中 PNG 背景透明的最佳解决方案
- IE6下png透明问题解决的最佳方案
- IE6下png透明问题解决的最佳方案(一)
- DD_belatedPNG解决IE6下PNG不透明问题