您的位置：首页 > 其它

IE6给png图片添加透明级别

2010-03-30 10:49 232 查看
方法1：

代码

<title>Alpha</title>
<!--[if IE 6]>
<style type="text/css">
div.pngpic{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/alpha.png',sizingMethod="scale");width:677px;height:53px;}
div.pngpic img{display:none;}
</style>
<![endif]-->
</head>
如果要使用png滤镜，元素必须为块级。且必须制定高度和宽度。
<body style="background:#888;">
<div class="pngpic"><img src="images/alpha.png" /></div>
</body>


方法2：

http://labs.unitinteractive.com/unitpngfix.php（原来这个方法更完美，可以同时包含背景图片）

但是，作为代价，背景图片的background-position属性等将失去作用。哎！貌似也不是很完美！

用法：

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->


还要注意js文件里面的图片路径

var clear="clear.gif"; //path to clear.gif


下载地址：http://labs.unitinteractive.com/downloads/unitpngfix.zip

期待方法3~~
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航