2.png图片在ie6下不透明

时间：2017-03-09 12:52:07 阅读：155 评论：0 收藏：0 [点我收藏+]

写在前面的话：

　　下面这些方法也是找来的，原文链接也都附上了~

if(window.XMLHttpRequest){     //Mozilla,Safari,IE7
     if(!window.ActiveXObject){     //Mozilla,Safari,
          alert(‘Mozilla,Safari‘);
     }else{
          alert(‘IE7‘);
     }
}else{
     alert(‘IE6‘);
}

ie6 png 背景图可以用滤镜使其透明：

_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="");

注意：透明背景图上的 a链接和按钮无效。

使用DD_belatedPNG让IE6支持PNG透明图片

2. 解决PNG图片在IE6下背景不透明的方法

第一种方法：

这是解决后的效果。

这是解决前的效果。

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

属性：

enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false

true : 默认值。滤镜激活。

false : 滤镜被禁止。

sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

crop : 剪切图片以适应对象尺寸。

image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。

scale : 缩放图片以适应对象的尺寸边界。

src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

在IE6中，当链接文字或者按钮处于图片包围时链接会失效。
解决方法：a{position:relative或者position:absolute;}

那是因为滤镜效果遮住了层里面的文字

第二种方法：

在文章的标题<head>与</head>之间加入下面的代码：

<!--[if lte IE 6]>
<script src="http://www.51mubanji.com/js/pngtm.js" type="text/javascript"></script>
<script type="text/javascript">
  DD_belatedPNG.fix(‘div, ul, img, li, input , a‘);
</script>  
<![endif]-->

2.png图片在ie6下不透明

标签：style sof 文字默认解决方法 img put pre ros

原文地址：http://www.cnblogs.com/Christeen/p/6524912.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行