区分IE9/IE8/IE7/IE6及其他浏览器-CSS hack

记录一下这些浏览器的hack如下:

一、IE9以及以下版本浏览器

对于IE8及其以下版本的浏览器,就是使用本文标题所提到的”\9″ hack。如下代码:

.ie8_9{
    color:blue; /*所有浏览器*/
    color:red\0; /*IE9/IE8版本浏览器*/
}

二、IE8以及以下版本浏览器

对于IE8及其以下版本的浏览器,就是使用本文标题所提到的”\9″ hack。如下代码:

.ie6_7_8{
    color:blue; /*所有浏览器*/
    color:red\9; /*IE8以及以下版本浏览器*/
}

三、IE7以及以下版本浏览器

这个知道的人应该很多,也是很基本的,就是使用”*”号了,如下示例代码:

.ie6_7_8{
    color:blue; /*所有浏览器*/
    color:red\9; /*IE8以及以下版本浏览器*/
    *color:green; /*IE7及其以下版本浏览器*/
}

四、IE6浏览器

就本文而言,使用下划线”_”区分IE6浏览器是最好的选择,如下代码:

.ie6_7_8{
    color:blue; /*所有浏览器*/
    color:red\9; /*IE8以及以下版本浏览器*/
    *color:green; /*IE7及其以下版本浏览器*/
    _color:purple; /*IE6浏览器*/
}
时间: 2024-11-08 03:31:03

区分IE9/IE8/IE7/IE6及其他浏览器-CSS hack的相关文章

常见浏览器CSS hack方法总结

ie6和ie7 #tip {*background:black; /*IE7 背景变黑色*/_background:orange; /*IE6 背景变橘色*/} IE8和IE9 :root .test { color:#963\9; } /* IE9 only */ firefox@-moz-document url-prefix(){.bt_comment_ico{top:-1px;}} ie系列*html .ico_tj{background:none;filter:progid:DXIma

浏览器css hack

(1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; (4)\9:所有IE浏览器都识别(IE6.IE7.IE8.IE9) 示例: (1)区别FF(IE8)与IE6 IE7 backgorund:orange; FF和IE8背景色将为橘黄色 *backgorund:red

浏览器 CSS Hack 收集

所谓的Hack就是只有特定浏览器才能识别这段hack代码.Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意. 下面是各个浏览器的CSS Hack 列表. Firefox 浏览器 @-moz-document url-prefix() { .selector { property: value; } } 支持所有Gecko内核的浏览器 (包括Firefox) *>.selector { property: value; } Webkit 内核浏览器 @media screen an

jquery 1.9 1.8 判断 浏览器(IE11,IE8,IE7,IE6)版本

1.9以后很我方法删除了,所有和之前版本判断浏览器版本有所差记录一下 1.9 ---------------------------------------------------------------------------------------------- if (/msie/.test(navigator.userAgent.toLowerCase())) { //IE6 if ('undefined' == typeof (document.body.style.maxHeight

IE6-9版本浏览器css hack的if 语句操作有必要重申一下

1.css if hack条件语法< !--[if ie]> only ie <![endif]-->仅所有的win系统自带ie可识别< !--[if ie 5.0]> only ie 5.0 <![endif]-->只有ie5.0可以识别< !--[if gt ie 5.0]> only ie 5.0+ <![endif]-->ie5.0包换ie5.5都可以识别< !--[if lt ie 6]> only ie 6-

各种浏览器css hack

你在写css时样式表加上浏览器标识符就行了,各浏览器区别如下: IE都能识别*,标准浏览器(如FF)不能识别*:IE6能识别*,但不能识别 !important:IE7能识别*,也能识别 !important:IE8能识别\0,不能识别*,+,_,*加!important;FF不能识别*,但能识别 !important:例如style=”*width:10px!important; width:20px;”这样在IE6下宽度为10px,在IE7下宽度时20px 其中还有三种写法: 1种:widt

[转载]IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 —— 浏览器

1.区别IE和非IE浏览器CSS HACK代码  #divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]:  #divcss5{background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black;

IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

整理关于IE6.IE7.IE8.Firefox兼容性CSS HACK问题 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{background:blue; /*非IE 背景藍色*/(音乐按摩椅)background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]: #divcss5{background:blue; /*Firefox 背景变蓝色*/backgrou

兼容IE6/IE7/IE8/FireFox的css hack

.color{ background-color: #CC00FF; background-color: #FF00009; *background-color: #0066FF; _background-color: #009933; } **记住上面得样式解释为顺序是 ff.ie8.ie7.ie6 ** 显示的结果: 用火狐浏览,颜色是紫色 用 IE8 浏览,颜色是红色 用 IE7 浏览,颜色是蓝色 用 IE6 浏览,颜色是绿色 IE8 最新css hack: "" 例:"