一个针对IE7的CSS Hack
来源:互联网 发布:java权限控制框架 cs 编辑:程序博客网 时间:2024/06/07 21:58
IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {}
和 html>body {}
等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack,具体就是:
>bodyhtml**+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.
- 一个针对IE7的CSS Hack
- 一个针对IE7的CSS Hack
- 针对IE7的CSS Hack
- 针对IE7的CSS Hack
- 针对firefox ie6 ie7 ie8的css样式hack
- 针对IE6,IE7,firefox的CSS hack写法
- 针对firefox ie6 ie7 ie8的css样式hack
- 针对firefox ie6 ie7 ie8的css样式hack
- 针对chrome的css hack
- 针对ie8的css hack
- 针对IE的CSS hack
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack:针对IE6,IE7,firefox显示不同效果
- CSS hack 针对IE6,IE7,firefox显示不同效果
- CSS hack 针对IE6,IE7,firefox显示不同效果
- IFRS
- 【笔记】有用的链接
- linux使用autotools进行编译
- C++复制控制基础
- 2750009796 我不想归还
- 一个针对IE7的CSS Hack
- Python与C/C++ 模块相互调用
- java的不可变类
- GridPanel隐藏列会显示在menuDisabled中,设置hideable=false
- 求IOS5平台下的IPAD、Iphone、IPod移动应用开发系列的视频
- 《用Python构建机器学习》——第十章:计算机视觉-模式识别 读后小结
- 自动点击下一步
- 小议死链接
- Windchill 连接 Oracle RAC