设为首页
联系我们
收藏本站
 首页
 网站建设
 网络营销
 flash动画
 服务器技术
 电子商务
 电脑技术
 体坛快报
 娱乐八卦
热门关键字:   网站建设   网站   电子商务   flash动画   是否
  >> 点击排行
·十大小说风云榜--2007年11月
·士兵突击精彩剧照
·网友最想娶的十大女星
·电子商务信用评估与信用现状
·十大帅哥风云榜--2007年11月
·十大美女风云榜---2007年11
·从基础开始深入Flash AS3教
·SetInterval的用法详解
·11月6日十大电影风云榜---中文
·电子商务论文:电子商务诚信问题及其
  >> 相关文章
·Google排名技巧十五课学习笔记
·学习CSS的伪类,WEB标准学习
·CSS常用小技巧
·DIV CSS网页布局实例:十步学
·2008奥运会中国代表团成立 10
·伊拉克被正式取消参加北京奥运会资格
·去掉网页上的Flash动画虚线框
·在Mozilla和Firefox浏
·如何防止网页 Flash 广告被屏
·手写CSS应该注意的一些技巧
  >> 推荐文章
·css如何自动换行
·CSS规范之闭合浮动元素
·一个针对IE7的CSS Hack
·css元素定位
·Div+CSS布局入门教程
·根据时段自动切换网站的CSS风格
·实用的CSS常见的问题和技巧总结
·闭合浮动元素让CSS代码更规范
·CSS hack浏览器兼容一览表
·XHTML+CSS制作样式风格切换
 当前位置 → 攀登学习资源网网站建设CSS技术应用 → 浏览正文
一个针对IE7的CSS Hack
作者:佚名    来源:网络    点击数:   更新时间:2007年11月01日 【字体: 】       

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

上一篇:CSS规范之闭合浮动元素      下一篇css元素定位
Tags:网站建设
关于我们 | 服务条款 | 免责声明 | 友情链接
陕ICP备08001548号 版权所有 Copyright © 2007-2010 panda851 All Rights Reserved
panda851.com 攀登学习网