当前位置： 移动技术网 > IT编程>网页制作>CSS > 一个针对IE7的CSS Hack

一个针对IE7的CSS Hack

2017年12月12日  | 移动技术网IT编程  | 我要评论

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.

具体信息参考原文：

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网