`

Css Hack区分IE6,IE7,IE8和其他浏览器

    博客分类:
  • CSS
阅读更多
最后作者给出了最佳方式:
IE 6 and below
Use * html {} to select the html element. 
IE 7 and below
Use *+html, * html {} to select the html element. 
IE 7 only
Use *+html {} to select the html element. 
IE 7 and modern browsers only
Use html>body {} to select the body element. 
Modern browsers only (not IE 7)
Use html>/**/body {} to select the body element.


區別IE和Firefox
#tip {

background:blue; /*Firefox 背景變藍色*/

background:red \9; /*IE6、IE7、IE8背景變紅色*/

}

【說明】:因為IE瀏覽器看得懂「\9」,但是非IE的瀏覽器一律看不懂,因此就可以用這個語法來區分IE和Firefox(非IE瀏覽器,像是Opera、Google Chrome、Safari等),因此以上CSS範例中,非IE瀏覽器是顯示藍色背景,IE系列瀏覽器是顯示紅色背景。




區別IE6、IE7、IE8、Firefox
#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等)。
分享到:
评论

相关推荐

    CSS Hack 区分 IE6 / IE7 /IE8 /Firefox

    但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那...根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示: 演示的CSS代码如下: [code] p.ie{ height:60px;text-

    css hack之\9和\0就可能对hack IE11\IE9\IE8无效

    但是问题来了,\9和\0到底怎样hack IE8、IE9、IE11这三个浏览器?这个问题一直困扰我很久,不过,今天我终于搞明白了,也独创了一个能hack IE8、IE9、IE11这三个浏览器的代码写法模式,本文将与各位分享。 \9和\0为...

    区分各种不同浏览里csshack

    区分各种浏览器的css样例,包括:IE5~IE10,FF,Chrome,opera等浏览器

    区分IE6,IE7和firefox的CSS hack

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

    ie10 css hack 条件注释等兼容方式整理

    截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来解决。 ps:条件注释是一种安全的区分IE浏览器版本的语法,且被认为是取代针对IE css hack...

    css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程

    important来区分处理IE和FF的网页制作者带来了不少问题,Noker也碰到了这个问题,所以翻阅网上资料,写了下面这个能够兼容现今大多数主流浏览器,覆盖绝大多数用户的Hack代码!  兼容浏览器版本:IE5.0,IE5.5,IE...

    针对firefox ie6 ie7 ie8的css样式hack

    针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    本文,青鸟将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.一、通用区分方式:IE6、IE7能识别*,标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别 !important;IE7...

    css区分ie8/ie9/ie10/ie11 chrome firefox的代码

    网站兼容性调试实在令人烦心,现在的网站设计人员真的要比以前费力很多,因为网页代码不再是只需满足一个IE6访问就行,而是要满足N多的浏览器访问正常才行。粗略算一下,目前至少要满足如下的浏览器要求:IE8、IE9、...

    区分IE6,IE7,firefox的CSS hack

    经常网页布局需要兼职多浏览器,所以下面的css hack可以用,但最好少用,不得不用才用

    browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera

    browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera

    CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera

    今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器

    css+div的一些易错点小结

    开发尽量不要用margin和padding属性,因为在不同浏览器下效果会不同,建议使用line-height,如果一定要用,要注意在IE6和IE7与其他的浏览器的效果不同。在用的过程中如遇到问题,可以在百度里搜一下hack,里面会介绍...

Global site tag (gtag.js) - Google Analytics