加载页面移位

Question

（加载时）出于某种原因，我的页面内容在背景静止时向下移动很远，然后跳回到适当的位置。任何人都知道为什么或如何解决这个问题？我真的很感激一些帮助。谢谢！

Answer 1

对我而言，就像你的背景不是真正的背景，而是一个带有图像的图层，你已经堆积在你的内容背后。

我通常觉得这很痛苦，因为如果由于某种原因，项目的z-index变得混乱（听起来这就是这里发生的事情），当页面加载时会发生奇怪的事情。

我个人建议您在所有内容所在的同一块上设置背景图像。请考虑以下

<div id="content">
    <div class="header"> </div>
    <div class="navigation"> <!-- Menu goes here --> </div>

    <div class="main"> <!-- Main content goes here --> </div>
</div>

#content { background: transparent url("Images/mybackground.png"); }

这将在页面元素上设置背景，同时包含您的内容。假设我已经确定了问题，这应该可以解决您的问题。

HTH