1.
区别
IE
和非
IE
浏览器
#tip {
background:blue; /*
非
IE
背景藍色
*/
background:red \9; /*IE6
、
IE7
、
IE8
背景紅色
*/
}
2.
区别
IE6,IE7,IE8,FF
【区别符号】:「
\9
」、「
*
」、「
_
」
【示例】:
#tip {
background:blue; /*Firefox
背景变蓝色
*/
background:red \9; /*IE8
背景变红色
*/
*background:black; /*IE7
背景变黑色
*/
_background:orange; /*IE6
背景变橘色
*/
}
【说明】:因为
IE
系列浏览器可读「
\9
」,而
IE6
和
IE7
可读「
*
」
(
米字号
)
,另外
IE6
可辨识「
_
」
(
底线
)
,因此可以依照顺序写下来,就
会让浏
览器正确的读取到自己看得懂得
CSS
语法,所以就可以有效区分
IE
各版本和非
IE
浏览器
(
像是
Firefox
、
Opera
、
Google Chrome
、
Safari
等
)
。
3.
区别
IE6
、
IE7
、
Firefox (
方法
1)
【区别符号】:「
*
」、「
_
」
【示例】:
#tip {
background:blue; /*Firefox
背景变蓝色
*/
*background:black; /*IE7
背景变黑色
*/
_background:orange; /*IE6
背景变橘色
*/
}
【说明】:
IE7
和
IE6
可读「
*
」
(
米字号
)
,
IE6
又可以读「
_
」
(
底线
)
,但是
IE7
却无法读取「
_
」,至于
Firefox(
非
IE
浏览器
)
则完全
无法辨识「
*
」和「
_
」,因此就可以透过这样的差异性来区分
IE6
、
IE7
、
Firefox
4.
区别
IE6
、
IE7
、
Firefox (
方法
2)
【区别符号】:「
*
」、「
!important
」
【示例】:
#tip {
background:blue; /*Firefox
背景变蓝色
*/
*background:green !important; /*IE7
背景变绿色
*/
*background:orange; /*IE6
背景变橘色
*/
}
【说明】:
IE7
可以辨识「
*
」和「
!important
」,但是
IE6
只可以辨识「
*
」,却无法辨识「
!important
」,至于
Firefox
可以
读取「
!important
」但不能辨识「
*
」因此可以透过这样的差异来有效区隔
IE6
、
IE7
、
Firefox
。
5.
区别
IE7
、
Firefox
【区别符号】:「
*
」、「
!important
」
【示例】:
#tip {
background:blue; /*Firefox
背景变蓝色
*/
*background:green !important; /*IE7
背景变绿色
*/
}
【说明】:因为
Firefox
可以辨识「
!important
」但却无法辨识「
*
」,而
IE7
则可以同时看懂「
*
」、「
!important
」,因
此可以
两个辨识符号来区隔
IE7
和
Firefox
。
6.
区别
IE6
、
IE7 (
方法
1)
【区别符号】:「
*
」、「
_
」
【示例】:
#tip {
*background:black; /*IE7
背景变黑色
*/
_background:orange; /*IE6
背景变橘色
*/
}
【说明】:
IE7
和
IE6
都可以辨识「
*
」
(
米字号
)
,但
IE6
可以辨识「
_
」
(
底线
)
,
IE7
却无法辨识,透过
IE7
无法读取「
_
」的特性就能轻
鬆区隔
IE6
和
IE7
之间的差异。
7.
区别
IE6
、
IE7 (
方法
2)
【区别符号】:「
!important
」
【示例】:
#tip {
background:black !important; /*IE7
背景变黑色
*/
background:orange; /*IE6
背景变橘色
*/
}
【说明】:因为
IE7
可读取「
!important;
」但
IE6
却不行,而
CSS
的读取步骤是从上到下,因此
IE6
读取时因无法辨识
「
!important
」而直接跳到下一行读取
CSS
,所以背景色会呈现橘色。
8.
区别
IE6
、
Firefox
【区别符号】:「
_
」
【示例】:
#tip {
background:black; /*Firefox
背景变黑色
*/
_background:orange; /*IE6
背景变橘色
*/
}
【说明】:因为
IE6
可以辨识「
_
」
(
底线
)
,但是
Firefox
却不行,因此可以透过这样的差异来区隔
Firefox
和
IE6
,有效达成
CSS hack
。
分享到:
相关推荐
兼容firefox火狐、IE6IE7IE8加入收藏,设为首页代码
解决IE6 IE7 Firefox中li兼容问题
针对firefox ie6 ie7 ie8的css样式hack
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题
Firefox3,IE6,IE7,IE8上传本地图片预览
Firefox, IE5, IE5.5, IE6, IE7, IE8多种浏览器兼容的问题,解决以上浏览器存在的兼容问题
你可以在ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器中看到不同的效果,测试兼容性。只针对ie以及Gecko内核、WebKit内核。
IE6、IE7、Firefox之间的兼容写法IE6、IE7、Firefox之间的兼容写法
解决IE6、IE7、IE8、Firefox兼容的两种方案
CSS Hack兼容大全,令网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器上
Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
如果你自己是做网页设计的,当然也希望只在自己的电脑上就能看清楚页面在IE6、IE7、IE8、FireFox等浏览器下的效果啦~~可是,微软偏偏要我们割爱,安装了IE7后,IE6也在我们的电脑中消失了。而对很多像我这样的人来...
十年积累,div+css 完全兼容 ie6 ie7 IE8 IE9 和firefox方法
纯CSS的下拉菜单 支持IE6 IE7 Firefox
在Firefox下直接调用IE浏览器(IETab这个插件).zip
css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc
淘宝SDK模块代码 能兼容ie6ie7ie8以及firefox的css透明滤镜