当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 一个针对IE7的CSS Hack

CSS样式表
CSS 关于网页图片的属性
CODEPAGE 列表与asp应用例子
html 的 ContentType 小结
不要使用CSS Expression的原因分析
css ie6 ie7 ff的CSS hack使用技巧
div+CSS网页布局的意义与副作用原因小结
iframe自适应高度的多种方法方法小结
css display:none使用注意事项小结
html工作中表格<tbody>标签的使用技巧
input为disabled提交后得不到该值的解决方法
Css Reset(复位)方法整理
css首字放大实例代码
让IE ff Opera同时支持Alpha透明的方法
WEB标准网页布局中尽量不要使用的HTML标签
css网页布局中注意的几个问题小结
指定网页的doctype解决CSS Hacking方法总结
左侧固定宽度,右侧自适应宽度的CSS布局
DIV+CSS经常用到的属性、参数及说明
校内网css代码添加背景图片常用代码
css 通配符用法总结

CSS样式表 中的 一个针对IE7的CSS Hack


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 211 ::
收藏到网摘: n/a

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