DD_belatedPNG,解决 IE6 不支持 PNG-24 绝佳解决方案
来源:互联网 发布:下载简拼软件 编辑:程序博客网 时间:2024/06/16 13:07
找了几天,png24在ie下支持透明。终于找到下面的可行办法:
我们知道 IE6 是不支持透明的 PNG-24 的,这无疑限制了网页设计的发挥空间。
然而整个互联网上解决这个 IE6 的透明 PNG-24 的方案也是多不胜数,从使用 IE 特有的滤镜或是使用透明 GIF 替代。但是这些方法都有一个缺点,就是不支持 CSS 中 backgrond-position 与 background-repeat 。
而我今天介绍 DD_belatedPNG ,只需要一个理由,就是它支持 backgrond-position 与 background-repeat ,这是其他 js 插件不具备的.同时 DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签。具体有关于 DD_belatedPNG 的详细介绍请阅览官方文档:http://www.dillerdesign.com/experiment/DD_belatedPNG/ 这里就不提供翻译了。因为本人是英语界的菜鸟而不是泰斗,呵呵。
接下来我给大家介绍下它的使用方法,其实方法很简单见如下步骤:
1.首先下载调用该 js 插件(DD_belatedPNG)如下地址:
0.0.8a.js (官方未压缩版本, ~12Kb)0.0.8a-min.js (官方压缩版, ~7Kb)
2.之后在使用 PNG-24 图片页面中的 head 标签里引用代码如下:
<!--[if IE 6]><script src="../js/DD_belatedPNG.js" type="text/javascript"></script><script type="text/javascript">DD_belatedPNG.fix('*');</script><![endif]-->
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用 PNG-24 的 CSS 选择器(可使用ID选择器和类选择器)和应用类型(分为 img 标签和 background 属性两种)。
如
<script type="text/javascript">DD_belatedPNG.fix('#box, img');</script>
或者
<script type="text/javascript">DD_belatedPNG.fix('.header, background');</script>
等,这些可以简写成
<script type="text/javascript">DD_belatedPNG.fix('#box-one, .header, img, background');</script>
在或者像本例子中直接使用 * 号,表示应用所有 css 选择器及 xhtml 标签。
<script type="text/javascript">DD_belatedPNG.fix('*');</script>
okay,有关 DD_belatedPNG 的 js 插件的介绍和使用就这么多,期待大家来分享更多的应用方法!
来源:http://yunxingfengzw--007.blog.163.com/blog/static/16484003201011189423119/
- DD_belatedPNG,解决 IE6 不支持 PNG-24 绝佳解决方案
- DD_belatedPNG,解决IE6不支持PNG绝佳方案
- DD_belatedPNG,解决IE6不支持PNG绝佳方案
- DD_belatedPNG透明,解决IE6不支持PNG绝佳方案
- DD_belatedPNG,解决IE6不支持PNG
- IE6不支持PNG最佳解决方案——DD_belatedPNG.js
- IE6下Png透明最佳解决方案DD_belatedPNG
- DD_belatedPNG解决IE6下PNG不透明问题
- IE6下PNG图像透明完美解决方案–DD_belatedPNG
- IE6下PNG图像透明完美解决方案–DD_belatedPNG .
- IE6支持透明PNG图片解决方案:DD_belatedPNG.js
- IE6支持透明PNG图片解决方案:DD_belatedPNG.js
- DD_belatedPNG: 解决IE6下半透明png的给劲儿方法
- 解决IE6的PNG透明JS插件 DD_belatedPNG
- IE6不支持PNG透明图片的解决方案
- 解决ie6不支持png透明问题
- IE6下PNG图像透明完美解决方案–DD_belatedPNG(转自www.jqueryba.com)
- 使用DD_belatedPNG解决Png图片在ie6下出现白底的bug
- HeadFirst 设计模式学习笔记19--原型(Prototype)模式拾零
- vs2010标记
- IEEE和SCI等的通俗简介[转]
- USB-NET说明
- 采用sqlite库的数据库如何找到db的key?
- DD_belatedPNG,解决 IE6 不支持 PNG-24 绝佳解决方案
- Busybox简介
- Android计算地图中两点的距离
- Peekmessage和Getmessage的区别
- SNS平台ConcourseConnect
- Substitution控件----动态更新缓存页的部分
- js 模式子窗口和父窗口传值
- MATLAB中绘图的应用
- 什么是晶振