IE7 +位置:固定的Z-index滚动不起作用

时间:2010-08-27 13:58:16

标签: css internet-explorer-7 internet-explorer-6

您好我在页面顶部创建了一个固定的导航栏/标题,其中包含以下内容。在所有浏览器上,如果我在页面上滚动,内容在固定位置导航栏下面除了IE(不出意外)我如何编辑CSS以便这样做?

<div class="navbar" style="width:100%; position:fixed; left: 3px; top: 0px; z-index:1;">
blah blah blah navigation
</div>

<div class="content">
whats up, im the content and im really long so i need to scroll
</div>

这是一个在大多数浏览器中有效的行为示例,但不适用于世界上的IE。

http://myivyleaguer.com/media/satcenter.html

1 个答案:

答案 0 :(得分:2)

您正在强制IE进入怪癖模式,因为您尚未声明doctype(http://www.quirksmode.org/css/quirksmode.html)。

如果你添加这个:     

 <!DOCTYPE html> 

到HTML文档的最顶层,然后position:fixed将按预期工作。这就是HTML5 doctype,简称并完成工作。

为了使固定位置在IE6中工作,你需要将它添加到你的样式表中(我假设内联的东西只是为了你的测试):

* html .navbar { position: absolute; }

有关说明,请参阅此页面(http://ryanfait.com/position-fixed-ie6/)。