您好我在页面顶部创建了一个固定的导航栏/标题,其中包含以下内容。在所有浏览器上,如果我在页面上滚动,内容在固定位置导航栏下面除了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。
答案 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/)。