<SCRIPT LANGUAGE="JavaScript">
<!--
alert(window.navigator.userAgent);
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
alert("ie");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
alert("firefox");
}else if (window.navigator.userAgent.indexOf("Chrome")>=1){
alert("chome");
} else{alert("others");}
}
</SCRIPT>
二
区别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以下
*html{}//未验证
IE 7 以下
*:first-child+html {} * html {}//未验证
只对IE 7
*:first-child+html {}//已验证
只对IE 7 和现代浏览器
html>body {}
只对现代浏览器(非IE 7)//对ff和chrome已验证、、并且都可用这个方法设置css,据说IE8也可以、、、未验证
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
实例
p.test {
background-color: red;
*background-color: blue;//IE6
background-color: blue!important;//IE7..比下面的级别低。共存时使用下面css
}
*:first-child+html p.test {
background-color: black;//IE7下
}
</style>
</head>
<body>
<body>
<p class="test">333333333333333333333</p>
</body>
四
IE7可以辨识「*」和「!important」,//已验证
但是IE6只可以辨识「*」,却无法辨识「!important」,//验证失败、、ie仍然可以识别
至于Firefox可以读取「!important」但不能辨识「*」//已验证
因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
分享到:
相关推荐
区分各种浏览器的css样例,包括:IE5~IE10,FF,Chrome,opera等浏览器
但是问题来了,\9和\0到底怎样hack IE8、IE9、IE11这三个浏览器?这个问题一直困扰我很久,不过,今天我终于搞明白了,也独创了一个能hack IE8、IE9、IE11这三个浏览器的代码写法模式,本文将与各位分享。 \9和\0为...
截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来解决。 ps:条件注释是一种安全的区分IE浏览器版本的语法,且被认为是取代针对IE css hack...
为了兼容和区分多浏览器我们需要用一些css hack来解决这些问题,但不建议用,能不用则不用
browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;...标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important,IE7能识别*,也能识别!imp
本文,青鸟将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.一、通用区分方式:IE6、IE7能识别*,标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别 !important;IE7...
经常网页布局需要兼职多浏览器,所以下面的css hack可以用,但最好少用,不得不用才用
但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那...根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示: 演示的CSS代码如下: [code] p.ie{ height:60px;text-
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器
important来区分处理IE和FF的网页制作者带来了不少问题,Noker也碰到了这个问题,所以翻阅网上资料,写了下面这个能够兼容现今大多数主流浏览器,覆盖绝大多数用户的Hack代码! 兼容浏览器版本:IE5.0,IE5.5,IE...
网站兼容性调试实在令人烦心,现在的网站设计人员真的要比以前费力很多,因为网页代码不再是...今天,我就把这几个主要浏览器的CSS hack代码汇总一下。 例如现有CSS代码如下: .divContent{ background-color:#eee; }
important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8...
开发尽量不要用margin和padding属性,因为在不同浏览器下效果会不同,建议使用line-height,如果一定要用,要注意在IE6和IE7与其他的浏览器的效果不同。在用的过程中如遇到问题,可以在百度里搜一下hack,里面会介绍...