CSS hack区分IE6,7和FF

自己总结了一下自己在设计 CSS 过程中学会的和用过的 CSS hack 技术。相信看这篇文章的都不会是 CSS 白痴,所以 CSS 是层叠样式表我就不说了。

至于文中的 CSS hack 技术,要么是我从书上看到的,要么就是在学习别人的网站的 CSS 的时候发现的。

方法一:*和!important

IE都支持*,IE6 不支持 !important,FireFox不支持 *

举例说明:

  1. color:#FFFFFF;/*FF显示的效果  */ 
  2. *color:#EE7EE7!important;/*IE7显示的效果  */ 
  3. *color:#EE6EE6;/*IE6显示的效果  */ 

叠放顺序必须如此,可以从中去掉某个。

方法二:+和-

IE7可以认+,IE6可以认-

举例说明:

  1. color:#FFFFFF;/*FF显示的效果  */   
  2. +color:#EE7EE7;/*IE7显示的效果  */   
  3. -color:#EE6EE6;/*IE6显示的效果  */   

方法三:居然是针对Firefox的 hack

Firefox对于 i 会转换成为 i ,所以对于width, heigh, margin 等包含字母 i 的参数都可以用这套方法。

举例说明:

  1. width:30px;/*非FF的显示效果*/ 
  2. width:25px;/*FF的显示效果*/ 

有了这三种方法,一般的 hack 问题都能够解决。学习和制作 CSS 中继续总结心得。


更多



2 Comments

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>