您的位置:首页 > 编程语言

解决IE6透明PNG图片的代码

2012-01-02 17:53 267 查看
使用方法
1.下载DD_belatedPNG.js文件(官方网站:http://www.dillerdesign.com/experiment/DD_belatedPNG/).

2.在网页中head区引用,如下:
<!--[if IE 6]>
<script src="DD_belatedPNG.js" mce_src="DD_belatedPNG.js"></script>
<script type="text/javascript"><!
<!
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* 将 .png_bg 改成你应用了透明PNG的CSS选择器,例如我例子中的'.trans'*/
// -->

3.调用函数,DD_belatedPNG.fix(),如上代码.
当使用a:hover时请留意,如想用透明PNG作为a:hover时的背景图片,那么你需要以”a:hover”来作为选择器.否则可能会无法成功.我们看看正确的代码:

<!--[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]-->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: