CSS Hack 区分 IE6 / IE7 /IE8 /Firefox_ Div+Css教程-查字典教程网
CSS Hack 区分 IE6 / IE7 /IE8 /Firefox
CSS Hack 区分 IE6 / IE7 /IE8 /Firefox
发布时间:2016-12-27 来源:查字典编辑
摘要:但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:selector{property:...

但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:

selector{

property:value; /* 所有浏览器 */

property:value9; /* 所有IE浏览器 */

+property:value; /* IE7 */

_property:value; /* IE6 */

}

[code]

当然,注意顺序。根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示:

演示的CSS代码如下:

[code]

p.ie{

height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;

color:blue; // 所有浏览器

color:brown9; // 所有IE浏览器

+color:red; // IE7

_color:green; // IE6

}

哈,事实就这么简单。你看到的是那一句话呢?如果你多个浏览器都测试了,就会看到,显示的文字和颜色是不同的。为什么?看看我的HTML中这个段落是这样写的:

<p>

<span>嘿嘿,小子竟然也用Firefox,蓝色文字。</span>

<>

<>

<>

</p>

对,就是IE条件注释+CSS的结果。顺路学一下IE条件注释吧。不用再举例了吧,一看就知道那个对那个了。

源代码下载:ie-firefox-hack.zip

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类