CSS hack:区分IE6,IE7,firefox - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Mar 29

CSS hack:区分IE6,IE7,firefox 不指定

tommyhu , 17:42 , 大前端 » CSS3 , Comments(0) , Trackbacks(0) , Reads(4955) , Via Original Large | Medium | Small
区别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和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox:
IE6/IE7/FIREFOX都认识background:orange;
FIREFOX不认识*background:green;
IE6不认识_background:blue; !important;background:blue;
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.
至于兼容IE8,放出一行代码就OK了


注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
另外FIREFOX火狐下字体走样,也许是因为浏览器的默认设置,需要做更改,具体
工具--选项--内容--字体&颜色--选择“宋体”


火狐是很保守的浏览器,设置CSS的时候最好写的详细一些,例如在IE中可以这样写border-width:0px 1px 1px 1px; border:solid #006600;但在火狐中需要这样写border-top:none; border-left:1px solid #006600;border-right:1px solid #006600;border-bottom:1px solid #006600;
▲返回顶部
Last modified by tommyhu on2010/04/09 21:10

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot