当前位置: 首页 > Web与应用 > 正文

[分享]解决PNG格式图片在IE 6下不透明

话说这年头用IE6的应该很少了吧?可是偏偏国内用IE6的却非常多,包括各种壳牌浏览器,系统是IE6浏览器,套个壳,漂亮点,可是核心还是老的。

 

网络上有各种解决IE6下PNG不透明的方法,不过我觉得DD_belatedPNG还是最好用的。DD_belatedPNG是一个js格式的文件。

 

方法:下载DD_belatedPNG,将里面的png.js上传到相关目录。
下载:png

在头部文本中加入判断,是IE6浏览器的话则执行此JS。在(‘.wrap,#header,.navA li a’)中,使用Png格式图片的分区部分,添加到括号中,间隔符为“ , ”。

<!–[if IE 6]>
<script src=”http://img3.4xz.net/images/2014newyear/js/png.js”></script>
<script>DD_belatedPNG.fix(‘.wrap,#header,.navA li a’);</script>
<![endif]–>

另外关于条件注释判断浏览器 除IE外都可识别

<!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
<!–[if IE]> 所有的IE可识别 <![endif]–>
<!–[if IE 6]> 仅IE6可识别 <![endif]–>
<!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
<!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
<!–[if IE 7]> 仅IE7可识别 <![endif]–>
<!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
<!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>
<!–[if IE 8]> 仅IE8可识别 <![endif]–>
<!–[if IE 9]> 仅IE9可识别 <![endif]–>

项目 范例 说明
! [if !IE] The NOT operator. This is placed immediately in front of the featureoperator, or subexpression to reverse the Boolean meaning of the expression.
NOT运算符。这是摆立即在前面的功能操作员,或子表达式扭转布尔表达式的意义。
lt [if lt IE 5.5] The less-than operator. Returns true if the first argument is less than the second argument.
小于运算符。如果第一个参数小于第二个参数,则返回true。
lte [if lte IE 6] The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.
小于或等于运算。如果第一个参数是小于或等于第二个参数,则返回true。
gt [if gt IE 5] The greater-than operator. Returns true if the first argument is greater than the second argument.
大于运算符。如果第一个参数大于第二个参数,则返回true。
gte [if gte IE 7] The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.
大于或等于运算。如果第一个参数是大于或等于第二个参数,则返回true。
( ) [if !(IE 7)] Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.
子表达式运营商。在与布尔运算符用于创建更复杂的表达式。
& [if (gt IE 5)&(lt IE 7)] The AND operator. Returns true if all subexpressions evaluate to true
AND运算符。如果所有的子表达式计算结果为true,返回true
| [if (IE 6)|(IE 7)] The OR operator. Returns true if any of the subexpressions evaluates to true.
OR运算符。返回true,如果子表达式计算结果为true。

 

<!–[if lt IE 9]>
加载CSS1
<!–[else]>
加载CSS2
<![endif]–>

这样有效是有效,但是用HTML VALIDATOR里,报错,因为这个不符合XHTML 1.1的规范,
如果把ELSE语句去掉,则正确.

 

方法1:

加载CSS2
<!–[if lt IE 9]>
加载CSS1(可以把要重写的写在这里).
<![endif]–>

参考链接:http://www.cnblogs.com/dtdxrk/archive/2012/03/06/2381868.html

本文固定链接: http://blog.ich8.com/post/4339 | 霸王硬上弓's Blog

avatar
该日志由 霸王硬上弓 于2014年01月30日发表在 Web与应用 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: [分享]解决PNG格式图片在IE 6下不透明 | 霸王硬上弓's Blog

[分享]解决PNG格式图片在IE 6下不透明:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!