css在ie6 ie7和火狐写法区别

(“√”代表可识别优先,“x”代表不可识别)
  示例:(FF:white;IE7:greenIE6:orange)
  只针对FF与IE6(IE7):
  background:white;
  *background:orange;
  只针对IE7与IE6:
  background:green;
  _background:orange;
  or…
  background:green !important
  background:orange;
  只针对FF、IE7与IE6:
  background:white;
  *background:green;
  _background:orange;
  or…
  background:white;
  *background:green !important
  *background:orange;
  总结:
  书写顺序:FF;IE7;IE6
  操作顺序:
  方法1[推荐] :
  1.先调Firefox。无优先标识
  2.调IE7,使用*标识。继承1设定。
  3.调IE6,使用_标识。继承1、2设定。
  方法2:
  1.先调Firefox。无优先标识
  2.调IE7,使用*+!important标识。继承1设定。
  3.调IE6,使用*标识。继承1、2设定。

时间: 2024-12-11 04:20:19

css在ie6 ie7和火狐写法区别的相关文章

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

本文将为大家详细介绍下下拉菜单select样式如何设置才能够兼容IE6/IE7/IE8/火狐等主流浏览器,具体的实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助     复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

CSS兼容IE6,IE7和FF的总结

CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF:         background:orange;*background:blue; 区别IE6与IE7:         background:green !important;background:blue; 区别IE7与FF:         background:orange; *back

css ie6 ie7 firefox兼容写法

    比如这个条件:     margin:3px 3px 0px 3px;     display:block;     想必大家一看就知道是什么意思了,但通过测试,IE6和IE7浏览器,表现得就有区别.IE6表现得就很松散,似乎不止3px的左右距离而变成了双倍距离,即6px:而IE7下,基本正常.     后来在网上学习了一下,将display:block;这个条件变成了display:inline;后,IE6正常了,不再出现那么大的距离,而且比较准确:但IE7又不正常了,似乎右边的距离变

ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结

1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 wid

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

  本文向大家简单描述一下DIV+CSS相对IE6 IE7和IE8兼容问题整理,重点介绍一下IE6 IE7和IE8等浏览器的区别和联系,相信本文介绍一定会让你有所收获. DIV+CSS相对IE6 IE7和IE8兼容问题整理 1.区别IE和非IE浏览器 以下是代码片段: #tip{ background:blue;/*非IE背景?色*/ background:red9;/*IE6.IE7.IE8背景?色*/ } 2.区别IE6,IE7,IE8,FF [区别符号]:「9」.「*」.「_」 [示例]:

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的.加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢? 第一种方法: 还好,微软提供了这样一个代码: <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本

CSS hack写法区分不同浏览器IE6 IE7 firefox:

区别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

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果,之前本人也遇到过这样的问题,就是把一个层设置半透明后,内的文字也跟着半透明了,一直没找到合适的解决办法,今天看到designcss.org有一篇文章解决了这个问题,但有一点,发现在filter前边多加一个星号,多加个星号是为了让IE6和IE7执行,火狐和IE8就不执行了,火狐本身来讲就不支持IE特有的滤镜功能,所以这里没必要再加星号.还有就是不支持 IE8浏览器,经过研究,查阅大量资料,终于找到解决办法了,下面分享出来.

如何在一台电脑同时安装IE6和IE7及火狐浏览器进行XHTML调试

xhtml|火狐浏览器|浏览器|ie6|ie7 web标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6版本及Firefox火狐浏览器,他们的兼容问题一直是很多网页设计师在进行DIV+CSS布局时头疼的问题. 因为IE和火狐的内核存在差异,所以在制作网页时,为了解决网页代码兼容性问题,需要在不同的浏览器中进行调试.一般网页设计者都同时装有IE和FF(火狐),但最新的IE7和IE6之间也存在着一定的差异,为了让