0

所以我的标记有点像这样：

<div id="stage">
    <div id="stageHeader">
        <h1>header text</h1>
        <a href="#"><img src="something.png" alt=""/></a>
    </div>
    <p> blah blah blah content blah blah</p>
</div>

演示：http: //jsfiddle.net/JsUW3/

我将集合的内容#stageHeader固定在一个固定位置，以便在整个舞台填满并允许滚动时，这些对象保持在原位。一切都很好，它们在包括 IE 在内的任何浏览器中都不会移动。

有趣的是，在IE9中，如果我向下滚动页面，内容#stageHeader会出现和消失但不会移动。

在应用程序的某些其他部分，您<h1>根本看不到 ，但如果您移动鼠标，它会间歇性地出现，然后再次消失。

我一生都无法弄清楚这里发生了什么。我检查了所有周围元素的 z-index 以查看是否有东西覆盖它或沿着这些线小的东西但没有成功。我的 JavaScript 中也没有任何会影响它的东西，它只发生在 IE9 中，并且只有在设置为position:fixed.

4

0 回答 0