CSS　hack:区分IE6，IE7，firefox--SNAKEHomePlus2

CSS hack:区分IE6，IE7，firefox

SNAKE Posted by 2008-1-23 10:49:00

区别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;

	IE6	IE7	FF
*	√	√	×
!important	×	√	√

另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)

于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

2008.02.29 SNAKE补充：
装了MultipleIEs的人发现“_”IE6测试无效，换成“*_”就可以了。

以上写法可能不支持CSS2校验。

阅读全文 | 回复(5) | 引用通告 | 编辑

标签：CSS

上一篇：IE BUG，margin 两倍
下一篇：js替换ID内文档

Re:CSS hack:区分IE6，IE7，firefox

kele Posted by 2008-1-24 11:30:47

黑色背景你居然用蓝字写内容。合适的

以下为SNAKE的回复：
等爷们有时间做一个简单的模板,现在这个模板看腻歪了.

个人主页 | 引用 | 返回 | 删除 | 回复

Re:CSS hack:区分IE6，IE7，firefox

逍遥老鬼(游客) Posted by 2008-1-25 9:45:54

你这篇文章老子收了。

个人主页 | 引用 | 返回 | 删除 | 回复

Re:同意哦

FABJRO(游客) Posted by 2008-3-16 18:48:10

路过，留个脚印

个人主页 | 引用 | 返回 | 删除 | 回复

Re:学习了

FABJRO(游客) Posted by 2008-3-16 21:35:24

路过，留个脚印

个人主页 | 引用 | 返回 | 删除 | 回复

Re:CSS hack:区分IE6，IE7，firefox

eva(游客) Posted by 2008-3-17 15:57:41

2008.02.29 SNAKE补充：
装了MultipleIEs的人发现“_”IE6测试无效，换成“*_”就可以了。

这句貌似有问题。其实是支持的。
另外，IE8来了...
就有了不识*的IE....

个人主页 | 引用 | 返回 | 删除 | 回复

发表评论：

Powered by Oblog.