IE6下的png不透明问题

前几天刚做完一个小需求,但是在兼容ie方面用了比较久的时间,主要是切面那边用的背景图都是png格式的,而经过查找知道,ie6对png图片透明部分渲染效果是不透明的,我看到的是淡淡的绿色,简单的处理方式就是用滤镜:

先将元素背景用兼容的方式写成none:

_background:none;

_filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘images/W3CfunsLogo.png‘)";

对于一个背景图当然好用了,但是一个页面中有多个怎么办呢?

并且,如果是img标签的图片,该怎么处理png透明部分不透明问题?

项目中,我使用了一个插件:DD_belatedPNG_0.0.8a.js

它的使用:

<!--[if IE 6]>
    <script type="text/javascript"src="http://icon.zol-img.com.cn/news/js/DD_belatedPNG_0.0.8a.js"></script>
    <script type="text/javascript">
          DD_belatedPNG.fix(‘.js-data-wrap,img‘);
          DD_belatedPNG.fix(‘#prevBtn, background‘);
    </script>
    <![endif]-->

选择器,选的是img标签的父元素。

值得注意的是,background使用了滤镜处理png图片后,就好像设置不了透明度了。。

时间: 2024-10-18 03:00:39

IE6下的png不透明问题的相关文章

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是"filter",总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜 可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部

IE6下兼容问题(转载)

()1.终极方法:条件注释 <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本. <![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本. <![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6). <![endif]--> <!--[if IE 5.5]> 这段文字仅显示在 IE5.5. &

解决IE6下png-24使用滤镜(_filter)透明问题 效果出不来

今天说说IE6下使用滤镜(_filter)解决png-24透明效果遇到的一些问题: css代码:background:url(../images/button1.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button1.png"); 在使用上述代码解决IE6下透明效果时,有的人会出现明明使用了上述代码,为什么没有出现想要的

使IE6下PNG背景透明的七种方法任你选

原文地址:http://blog.csdn.net/mosliang/article/details/6760028 相信如何解决png在ie6下透明的问题困扰了很多人.为了追求更好的页面效果,很多人喜欢使用png格式的图片,恰恰因为ie6下png图片的透 明问题,很多人不得不退而求其次地改用gif格式的图片.今天就来介绍一个ie6下png透明的解决办法,支持background(含 position.repeat.img src). 1. DD_belatedPNG简介: DD_belated

2.png图片在ie6下不透明

写在前面的话: 下面这些方法也是找来的,原文链接也都附上了~ 1.  ie6png背景图 if(window.XMLHttpRequest){ //Mozilla,Safari,IE7 if(!window.ActiveXObject){ //Mozilla,Safari, alert('Mozilla,Safari'); }else{ alert('IE7'); } }else{ alert('IE6'); } ie6 png 背景图  可以用滤镜使其透明: _background:none;

【css】ie6下使用css sprit 滤镜做透明图片

.service{ /*position:relative;*/ height:96% !important;overflow: hidden;} .pright{ height:40px; text-align:right; margin-top:30px; padding-right:50px; overflow:hidden; } .pright .btn_order{ background:url('../images/order_icon02.png') 0 0 no-repeat;

png格式的图片在IE6 下透明解决方案

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')" 语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sUR

完美解决网站PNG图标在IE6下的透明显示

现在IE6虽然有些落后,但不少xp用户还是首选IE6浏览器,一款经典长久也标准快速的浏览器必然会有忠实的用户,png图标IE6下默认是不支持的,可以通过js代码实现,下面由一叶扁舟为大家整理,代码可直接下载 一.下载我整理好的js文件 上传至网站js目录中 二.然后在需要实现透明的网页中head之间直接插入下面代码即可 <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js" type="text/jav

DD_belatedPNG,IE6下PNG透明解决方案

我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件