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

哪位高手用过DD_belatedPNG?解决ie6下PNG透明有关问题的插件

2012-03-21 
谁用过DD_belatedPNG?解决ie6下PNG透明问题的插件根据官网的介绍,用法是:JScript codeDD_belatedPNG.fix(

谁用过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

热点排行