常见问题: 在Windows上的 IE 5 & 6 ?
如果你用微软IE5 或6的浏览器阅读此页("WinIE5" 和 "WinIE6") ,
你会注意到它不好用。很多人就此向我询问,所以我想借此提供一点解释。简单的说:错误是在浏览器,而不在网页本身。
很不幸WinIE5 和 WinIE6还不能识别 'fixed',而更大的问题是它们不能正确解析 'position'
这一属性。 一个不识别 'fixed' 属性的浏览器本应忽略 'position: fixed'
这一规则/程序,回到样式表中之前所定义的 'position' 值。然后我们可以在 'fixed' 之前加入 'position:
absolute',浏览器便会使用'position: absolute'。但在WinIE 5 和 6 中并非如此。
很明显,不知怎么关键词'fixed' 被解释成 'static'.
你无法让WinIE5 和 WinIE6支持 'fixed', 但有一个针对解析问题的变通办法。Johannes
Koch提醒了我这一秘诀(从他的 collection of work-arounds [page at archive.org]). 首先以
'position: absolute' 取代样式规则中的 'position: fixed',
然后在样式规则中靠后一点的位置加入以下规则:*>#intro {position: fixed}
这样做的效果是能识别CSS '>' (child) 部分的浏览器将使用这一规则,但那些不能识别的浏览器,特别是WinIE5
和 WinIE6, 将忽略它。'position: absolute' 规则将被使用,并且菜单将在正确的位置,只是在你滚动鼠标时
它无法保持固定。
在 '>' 前后没有空格是很重要的 。.