一个针对IE7的CSS Hack
ie7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 ie 隐藏或显示的 hack 都会在 ie7 中失效。虽然 css hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 html 中,css hack 还是有用武之地的。nanobot 发现了一些针对 ie7 的 css hack,具体就是:
>body
html*
*+html
这三种写法,其中前两种都是不合法的 css 写法,在标准兼容浏览器中被被忽略,但是 ie7 却不这么认为。对于 >body ,它会将缺失的选择符用全局选择符 * 代替,也就是将其处理成了 *>body,而且不光对于 > 选择符,+,~ 选择符中这个现象也存在。对于 html* ,由于 html 和 * 之间没有空格,所以也是一种 css 语法错误,但 ie7 不会忽略,而是错误地认为这里有一个空格。对于第三种 *+html,ie7 认为 html 前面的 dtd 声明也是一个元素,所以 html 会被选中,这三种方法中只有这一种方法是合法的 css 写法,也就是说可以通过校验器的验证,因此也是作者推荐的 hack 用法。
最后作者给出了最佳方式:
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.
具体信息参考原文:easy css hacks for ie7
推荐阅读
-
一个针对IE7的CSS Hack
-
初学者求教一个带导航的表格 div+css
-
一个html中的两个表格设置了两个样式却适用同一个_html/css_WEB-ITnose
-
记一个让我“翻车”的css问题
-
求问一个关于position为absolute时的问题_html/css_WEB-ITnose
-
CSS+jQuery实现的一个放大缩小动画效果
-
我在用CSS编一个表格,想把背景图片加到表头里,而表单的背景是空白的,具体代码和相关信息如下。在线等!_html/css_WEB-ITnose
-
HTML+CSS3再加一点点JS做的一个小时钟_html/css_WEB-ITnose
-
请教一个将table置于a标签下异常的问题(IE)_html/css_WEB-ITnose
-
一个有关ICON的那点事情!看到别人发的觉得不错,先收藏了_html/css_WEB-ITnose