DD_belatedPNG,IE6下实现PNG-24的效果
2012-04-17 20:33
232 查看
IE6环境下,它 -- 支持PNG-24背景循环 | 支持定位 | 支持focus | 支持hover | 支持做背景加链接正常 | 支持正常应用zoom ...
点击这里查看演示DEMO , 点击这里下载DEMO 。
详细文档见http://dillerdesign.com/experiment/DD_belatedPNG/。这里就不提供翻译了,哪位大大有时间有精力就来个翻译文档吧。08年末这东西刚出来的时候国内就有人发过这个方法,但不知道为什么,没引起什么“效应”,很多人还是在用上面说的“更具局限性”的方法。
使用方法很简单,首先下载调用JS
0.0.8a.js (未压缩版本, ~12Kb)
0.0.8a-min.js (压缩版, ~7Kb)
之后在使用PNG的页面中引用代码
<!--[if IE 6]>
<script type="text/javascript" src="下载下来的JS路径"></script>
<script>
DD_belatedPNG.fix('CSS选择器, 应用类型');
</script>
<![endif]-->
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。
如DD_belatedPNG.fix('#box-one, img') 或者 DD_belatedPNG.fix('.header, background') 等。
这些可以简写成 DD_belatedPNG.fix('#box-one, .header, img,background'); 。
更多选择器的如 DD_belatedPNG.fix('#box-one, .header,#footer,.box-two a:hover, img,background'); 等等。
文章来源于 前端开发 | HTML , CSS & JavaScript--mon的博客:http://monw3c.blogbus.com/logs/56239389.html
点击这里查看演示DEMO , 点击这里下载DEMO 。
详细文档见http://dillerdesign.com/experiment/DD_belatedPNG/。这里就不提供翻译了,哪位大大有时间有精力就来个翻译文档吧。08年末这东西刚出来的时候国内就有人发过这个方法,但不知道为什么,没引起什么“效应”,很多人还是在用上面说的“更具局限性”的方法。
使用方法很简单,首先下载调用JS
0.0.8a.js (未压缩版本, ~12Kb)
0.0.8a-min.js (压缩版, ~7Kb)
之后在使用PNG的页面中引用代码
<!--[if IE 6]>
<script type="text/javascript" src="下载下来的JS路径"></script>
<script>
DD_belatedPNG.fix('CSS选择器, 应用类型');
</script>
<![endif]-->
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。
如DD_belatedPNG.fix('#box-one, img') 或者 DD_belatedPNG.fix('.header, background') 等。
这些可以简写成 DD_belatedPNG.fix('#box-one, .header, img,background'); 。
更多选择器的如 DD_belatedPNG.fix('#box-one, .header,#footer,.box-two a:hover, img,background'); 等等。
文章来源于 前端开发 | HTML , CSS & JavaScript--mon的博客:http://monw3c.blogbus.com/logs/56239389.html
相关文章推荐
- PNG24在ie6下的完美解决方法!(DD_belatedPNG)
- DD_belatedPNG,解决 IE6 不支持 PNG-24 绝佳解决方案
- PNG24在ie6下的完美解决方法!(DD_belatedPNG)
- PNG24在ie6下的完美解决方法!(DD_belatedPNG)
- 去除IE6的png背景色,DD_belatedPNG的实现粗略分析
- DD_belatedPNG,解决 IE6 不支持 PNG-24 绝佳解决方案
- 使用DD_belatedPNG让IE6支持PNG透明图片
- IE6的PNG图片处理--使用DD_belatedPNG的一些注意事项
- IE6支持透明PNG图片解决方案:DD_belatedPNG.js
- DD_belatedPNG,解决IE6不支持PNG绝佳方案
- DD_belatedPNG,解决IE6不支持PNG绝佳方案
- IE6下PNG图像透明完美解决方案–DD_belatedPNG(转自www.jqueryba.com)
- DD_belatedPNG解决IE6下PNG不透明问题
- 使用DD_belatedPNG让IE6支持PNG透明图片
- 巧妙解决使用DD_belatedPNG解决IE6PNG透明问题引发的relative定位冲突
- 使用DD_belatedPNG完美解决png在ie6下不透明的bug
- 使用DD_belatedPNG让IE6支持PNG透明图片
- DD_belatedPNG for IE6 以及IE6背景透明
- DD_belatedPNG透明,解决IE6不支持PNG绝佳方案