知行合一

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:

形象的总结一下Firefox 、IE6、IE7三种浏览器的CSS Hack写法:(其中橙色代表FF、蓝色代表IE6、绿色代表IE7)
区别IE6与FF:
background: orange; *background: blue;

区别IE6与IE7:
background: green !important; background: blue;

区别IE7与FF:
Background: orange; * background: green;

区别FF,IE7,IE6:
background: orange; *background: green !important; *background: blue;

备注:
IE都能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
FF不能识别*,但能识别 !important;
不管是什么方法,书写的顺序都是Firefox的写在前面,IE7写在中间,IE6写在最后面。

IE6

IE7

FF

*

×

!important

×


另外再补充一个,下划线”_“,
IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6IE7firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
现在写一个CSS可以参照如下定义:
#menu { padding-right: 150px }/* Moz */
* html #menu { padding-right: 50px; } /* IE6 */
*+html #menu { padding-right: 150px; }/* IE7*/

赞(0) 打赏
未经允许不得转载:嘟嘟鱼 » CSS hack:区分IE6,IE7,firefox
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏