首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-04-09 
IE6实现PNG图片透明,大家都用什么方法?我用了一段JS实现imgPNG图片透明,但是不能动态更改img的src,查看

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文件中就可以了。

热点排行