解决ie6 不支持png24 半透明
使用方法
1.在这里下载DD_belatedPNG.js文件.
2.在网页中引用,如下:
1 2 3 4 5 6 7 8 | <!--[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'*/ // --> |
想要用透明PNG作为a:hover时的背景图片,那么你需要留意你的代码,需要以”a:hover”来作为选择器.否则可能会导致无法成功.同时我也更新了demo,请需要的更新查看.接着我们看看正确的代码:
1 2 3 4 5 6 | <!--[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]--> |
官方地址 http://dillerdesign.com/experiment/DD_belatedPNG/#download
Tags: DD_belatedPNG, ie6, ie6半透明, javascript
相关文章
- 没有文章
同类文章
- chrome下支持的一些css3动画效果 (1.000)