上一篇
下一篇
解决IE6下PNG透明问题(DD_belatedPNG)
作者:hbjswj 日期:2010-01-19
详细文档见http://dillerdesign.com/experiment/DD_belatedPNG/
使用方法很简单，首先下载调用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’); 等等。
另外，为解决IE6下背景图闪烁，可以定义下html的CSS
html {filter:expression(document.execCommand(”BackgroundImageCache”, false, true));}
文章来源网络.
使用方法很简单，首先下载调用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’); 等等。
另外，为解决IE6下背景图闪烁，可以定义下html的CSS
html {filter:expression(document.execCommand(”BackgroundImageCache”, false, true));}
文章来源网络.
[本日志由 hbjswj 于 2010-01-19 02:03 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: DD_belatedPNG IE6下PNG IE6PNG透明
相关日志:
文章来自: 本站原创引用通告: 查看所有引用 | 我要引用此文章Tags: DD_belatedPNG IE6下PNG IE6PNG透明 相关日志:
评论: 0 | 引用: 0 | 查看次数: 335
发表评论
