日期:2014-05-17  浏览次数:20608 次

谁用过DD_belatedPNG?解决ie6下PNG透明问题的插件
根据官网的介绍,用法是:
JScript code
DD_belatedPNG.fix('.容器名');

但是我使用时却经常出现使用此插件实现透明的png图片会消失不见了,寻遍google和baidu都没找到有人提到这情况的,无奈之下唯有到此地寻找高手了。。。希望有能之士不吝赐教。

------解决方案--------------------
这里是一个例子,希望对你有帮助
HTML code
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
 
    
    
    <!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
    
    <script type="text/javascript">
    DD_belatedPNG.fix('.trans,.box a:hover');
    </script>
    <![endif]-->
 
 
    <style type="text/css">
.example{
    width:600px;
    height:400px;
    float:left;
    background:url(images/bg.jpg) no-repeat 0 0;
    position:relative;
    }
.trans{
    position:absolute;
    width:200px;
    height:50px;
    top:200px;
    left:200px;
    color:#fff;
    font-size:18px;
    font-family:Georgia;
    background:url(images/trans.png) repeat;
    }
.box{
    position:absolute;
    top:100px;
    left:200px;
    }
.box a{
    display:block;
    width:80px;
    height:80px;
    color:#fff;
    font-size:12px;
    }
.box a:hover{
    background:url(images/boxbg.png) no-repeat left top;
    }
    </style>
</head>
<body>
<div class="example">
    <div class="trans">Damn IE6!这是repeat的PNG</div>
    <div class="box"><a href="">请把鼠标移到这里 测试a:hover</a></div>
</div>
</body>
</html>

------解决方案--------------------
<img class="logo" src="1.png" width="100" height="100" border="0" />
最好不要这样做,而是使用div...像例子那样
------解决方案--------------------
楼主换成gif的图片试试,很多时候都是图片的问题
------解决方案--------------------
不会,不过一般我在IE6上都是另写一套简单的设计、CSS
------解决方案--------------------
IEpngfix


试试这个
------解决方案--------------------
http://www.uushare.com/filedownload?user=seaone&id=1934646