读书人

IE6兑现PNG图片透明大家都用什么方法

发布时间: 2013-04-09 16:45:09 作者: rapoo

IE6实现PNG图片透明,大家都用什么方法?
我用了一段JS实现<img>PNG图片透明,但是不能动态更改img的src,查看源文件才知道,img已经被替换成了一个span。
不知道大家有没有什么好方法? IE6 PNG透明 ie
[解决办法]
使用 iepngfix.htc
[解决办法]
我一般都用以下两种方法解决的,楼主可以作为参考:
第一种:用CSS的滤镜解决


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>IE6下PNG图片透明问题解决</title>
<style>
#one{
width: 200px;
height: 200px;
background:url("images/12.png") ;
_filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(
enabled='true',
sizingMethod='scale',
src="images/12.png");
_background:none;
}
</style>
</head>
<body>
<div id="one"></div>
</body>
</html>

第二种就是引入DD_belatedPNG_0.0.8a.js文件(个人觉得比较好用):

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>IE6下PNG图片透明问题解决</title>
<style>
.test{
width: 200px;
height: 200px;
background-image: url(images/13.png);
}
</style>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript" >
</script>


<script type="text/javascript">
DD_belatedPNG.fix('img,.test');
</script>
<![endif]-->
</head>
<body>
<div class="test"></div>
<img src="images/12.png" />
</body>
</html>


DD_belatedPNG_0.0.8a.js这个js文件,楼主可以到网站上去自己下载,下载之后记得引到html文件中就可以了。

读书人网 >CSS

热点推荐