CSS hack:区分IE6，IE7，firefox

嘟嘟鱼 — Fri, 29 Jun 2007 16:58:00 +0000

区别不同浏览器，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均不支持下划线。于是大家还可以这样来区分IE6，IE7，firefox
: 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*/

嘟嘟鱼 » hack

CSS hack:区分IE6，IE7，firefox

区别不同浏览器，CSS hack写法：

您可能也对这些文章感兴趣