牧羊岛

懒是不会有好果子吃滴//

导航

IE6给png图片添加透明级别

Posted on 2010-03-30 10:49  牧羊岛  阅读(263)  评论(0编辑  收藏  举报
  • 方法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~~