2.png图片在ie6下不透明
Posted Christeen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2.png图片在ie6下不透明相关的知识,希望对你有一定的参考价值。
写在前面的话:
下面这些方法也是找来的,原文链接也都附上了~
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链接 和按钮无效。
第一种方法:
<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploadfile/200806/18/3994749948.png);width:134px;height:134px"></div>
这是解决后的效果。
<div style="background:url(/uploadfile/200806/18/3994749948.png) no-repeat;width:134px;height:134px"></div>
这是解决前的效果。
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;}
解决方法: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下不透明的主要内容,如果未能解决你的问题,请参考以下文章