IE7 +位置：固定Z索引滚动不起作用

嗨我已经创建了一个固定的导航栏/标题在页面的顶部与下面的内容。在所有的浏览器上，如果我在页面上滚动，内容会在固定位置下导航栏除IE外（没有意外的那里）如何编辑CSS，所以这项工作？IE7 +位置：固定Z索引滚动不起作用

<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

来源

2010-08-27 JiminyCricket

你错过了最后一个';'在那里的内联样式。 – Kyle 2010-08-27 14:00:53

谢谢。那没有修复它虽然 – JiminyCricket 2010-08-27 14:09:25

您正在迫使IE浏览器进入怪癖模式，因为你还没有宣布一个DOCTYPE（http://www.quirksmode.org/css/quirksmode.html）。

如果添加此：

到您的HTML文件，然后位置的顶部：固定为预期会工作。这是HTML5的文档类型，简短并完成了工作。

为了得到该固定位置IE6的工作，以及，你需要添加到您的样式表（我假设内嵌东西是只为你测试）：

* html .navbar { position: absolute; }

请参阅此页（http://ryanfait.com/position-fixed-ie6/）以获取解释。

来源

2010-08-27 14:11:52 CherryFlavourPez

我通常有内联全部我的代码，这是否会导致潜在的问题，或者它只是不好的做法？主要是我懒得转移到一个单独的样式表 – JiminyCricket 2010-08-30 03:30:29

添加doctype标签工作！但它也打破了我的其他一些CSS。看起来像我需要更好地处理我的CSS。 – JiminyCricket 2010-08-30 04:01:01

如果你依靠IE进入怪异模式，那么你会发现切换到标准模式可能会破坏一些东西。但从长远来看，这将会减少很多痛苦（并且您的页面将在主要浏览器中更一致地呈现）。内联CSS本身不会造成任何问题，但它指出了更大的问题。你会发现人们对内容和风格的分离感兴趣，但它确实有很好的理由，并且如果你的所有样式都安全地放在了外部样式表中，这将为你节省大量的时间和精力。 – CherryFlavourPez 2010-09-01 08:33:50

IE7 +位置：固定Z索引滚动不起作用

回答

相关问题