CSS hack:区分IE6,IE7,firefox
FontSize:
-
+ Date: 2007年8月8日
摘要:
IE6,IE7,FF三个主流的浏览器的css兼容一直都是css design过程中必须解决的问题,这是最简单的方法,使用特有支持字符,无须复杂的设置优先级,目前测试兼容性很不错.
资料来源:网络文/佚名
区别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 | FF | |
| * | √ | √ | × |
| !important | × | √ | √ |
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。(推荐)
于是大家还可以这样来区分IE6,IE7,
firefox: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
版权声明:本文属转载作品,版权属原作者所有。
Leafor后语:在解决此问题中,如解决3px的bug,IE6及以上有3px的bug,IE7,FF没有,本人用法:
IE6:margin-right:-3px;
IE7:>margin-right:0px !important;
FF:margin-right:0px !improtant;
到于顺序,有些奇怪,有时候ie6好像也执行!important一行。如果margin-right:-3px;放在最后面,IE7也忘记执行!important的优先级似的,有时候有些晕,解决方案,调试测试。
本文链接地址:http://www.demoseo.com/DemoSeo/easy-css-hack.html
如果你也喜欢本文,记得顶一下,支持我。你的支持是我继续发好文章的最大动力!谢谢!
Other Articles
- Rss Feeds将不再出现在Google SERP中 (2007-11-2 19:38:43)
- SEO网站搜索优化推荐书籍资料 (2007-6-12 20:10:25)
- 常见的WEB2.0网站配色 (2006-11-4 17:34:55)
- 目前较流行的几种lightbox (2006-6-6 2:43:22)
Comments
Leave a Comment
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
IE6:margin-right:-3px;
IE7:>margin-right:0px !important;
FF:margin-right:0px !improtant;,到于顺序,有些奇怪,有时候ie6好像也执行!important一行。如果margin-right:-3px;放在最后面,IE7也忘记执行!important的优先级似的,有时候有些晕,解决方案,调试测试。