Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

The Underscore Hack

Posted on 2008-05-20 10:19  analyzer  阅读(160)  评论(0编辑  收藏  举报
  1. 下划线“_”在 CSS2.1 规范中是被承认的 CSS 标识。
  2. 浏览器会忽略未知的 CSS 属性。
  3. MSIE5+(Windows)会忽略 CSS 属性名前的 “_”。

因此,这个 CSS 的分析是,例如: _color:red。首页, 正确的,对于 CSS2.1 规范来说是被允许的(即使软件验证,只支持 CSS2.0 老版本,说它是一个 Bug :他们是错误的,但它是正确的)。其次, 被任何浏览器忽略,除了 IE 。最后, 当颜色被处理:在 WinIE 中是红色。

如上,这就是所说的 IE 的 Bug ,特征是以简单明了的方式建立仅对 WinIE 有效的 CSS 属性(MacIE 没有这样的 Bug 和特征)。这样很容易调整,例如被错误执行的位置:在 WinIE 中被调整(见例子)。

#menu {
position: fixed;
_position: absolute;
...
}

同样的方法可以用来调整 min-height 的属性在 WinIE 中消失的现象(见例子)

#box {
min-height: 300px;
height: auto;
_height: 300px;
...
}

注:这是利用另外一个 WinIE 的 Bug ,当 height: auto 时处理为 overflow:visible 。详细资料,看这篇文章《The “min-height” Hack”》

测试环境:Windows’ MSIE 5, 5.5, 6, Opera, Mac OSX’s MSIE 5, Safari, Camino, Mozilla , Firefox。

补充说明:标准模式下的 IE7 将不再解析下划线开头的属性,但是会把它当作一个“用户自定义”属性。自定义属性并不能应用到表现上,但是它会存在于文档模型中,可以使用脚本来访问。

而非标准模式下的IE7依旧解析“_” Bug。

原文:The Underscore Hack

我要啦免费统计