« SEO网站搜索优化推荐书籍资料Rss Feeds将不再出现在Google SERP中 »

CSS hack:区分IE6,IE7,firefox

FontSize:- + Date: 2007-08-08
摘要:

IE6,IE7,FF三个主流的浏览器的css兼容一直都是css design过程中必须解决的问题,这是最简单的方法,使用特有支持字符,无须复杂的设置优先级,目前测试兼容性很不错.

资料来源:网络文/佚名

区别IE6FF

      background:orange;*background:blue;

区别IE6IE7

       background:green !important;background:blue;

区别IE7FF

       background:orange*background:green;

区别FFIE7IE6

       background:orange;*background:green !important;*background:blue

注:IE都能识别*;标准浏览器(如FF)不能识别*;

IE6能识别*,但不能识别 !important,

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important; 


 
IE6 IE7 FF
* ×
!important ×

 

 

另外再补充一个,下划线"_",

IE6支持下划线,IE7和firefox均不支持下划线。(推荐)

于是大家还可以这样来区分IE6IE7

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://leafor.com/Leafor-blog/easy-css-hack.html
如果你也喜欢本文,记得顶一下,支持我。你的支持是我继续发好文章的最大动力!谢谢!

Get TrackBack URI 发布:爱你无名 | 分类:web技术 | 评论:1 | 引用:0 | 浏览:
Tags:css  hack  web技术  资料  网页设计  
Share:

相关文章

Comments

  1. [Quote] [Reply] 1 爱你无名 Said,
  2. [Mail]08-01-14 16:06:22
  3. 在解决此问题中,如解决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的优先级似的,有时候有些晕,解决方案,调试测试。

Leave a Comment

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Recent Comments

Guest Book

My Fav