解决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]-->
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]-->
相关文章推荐
- 解决PNG图片在IE6中背景不透明的CSS与JS代码
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- JQuery解决IE6不支持透明png图片、png背景
- 【转】CSS解决IE6下PNG图片背景不透明的问题
- PNG图片透明 IE6 解决方法
- png透明问题解决方法(png图片ie6不兼容问题)
- IE6下PNG格式的图片背景不透明的解决办法
- 完美解决PNG图片在IE6中背景不透明的方法
- 解决IE6中PNG背景不透明方法 解决PNG图片在IE6中背景不透明方法
- IE6 PNG不透明问题 (只解决img标签的图片)
- 解决PNG图片在IE6中背景不透明方法
- 【jQuery】解决IE6下PNG图片不透明的问题
- IE6下png图片和背景图片透明问题解决方法
- 解决IE6下透明PNG图片有灰底的
- 解决IE6下的,不能显示透明PNG图片的问题(转载)
- IE6下png图片透明代码
- html学习笔记-解决ie6中png图片透明不能正常显示问题
- 教您不用修改代码彻底解决IE6PNG不透明的问题
- IE6下PNG图片透明解决办法
- 解决IE6下透明PNG图片无法透明显示的方法