首页 / CSS / 一个针对IE7的CSSHack_经验交流

一个针对IE7的CSSHack_经验交流

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个针对IE7的CSSHack_经验交流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1300字，纯文字阅读大概需要2分钟。

内容图文

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的CSSHack_经验交流全部内容，希望文章能够帮你解决一个针对IE7的CSSHack_经验交流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/415565.html

来源：【匿名】