六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 129|回复: 0

DD_belatedPNG,最佳IE6环境下实现PNG-24的应用方案

[复制链接]

升级  96%

12

主题

12

主题

12

主题

童生

Rank: 1

积分
48
 楼主| 发表于 2013-2-7 20:02:07 | 显示全部楼层 |阅读模式
        兄弟们,热泪盈眶了没?仰天长啸了没?疯狂挠墙揪胸毛了没?
 
        兴奋的点起一只白沙烟,怀着鄙夷的神色一脚踢开“AlphaImageLoader”,向“PNG Transparency in IE”、“IE PNG Fix”、“ie7/ie8-js”挥手告别。腾出四肢,飙泪拥抱DD_belatedPNG~!
 
        详细文档见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’);  等等。
 
        另外,为解决IE6下背景图闪烁,可以定义下html的CSS
 
        html {filter:expression(document.execCommand(”BackgroundImageCache”, false, true));}
 
        OK,就介绍这么多,期待大家来分享更多的应用方法!
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表