在页面加载时Div移动

时间:2012-03-05 00:44:08

标签: php css wordpress html

我在页面加载时处于一个位置的div,在页面完成加载时处于另一个位置。我几乎整个下午花了这么一件小事,似乎无法理解为什么会这样。

我正在使用wordpress,因此对于不同的模板有很多不同的条件标签,但我无法在模板文件中看到问题。似乎给我带来困难时间的div是容器。我在模板上更改了容器的背景颜色,因此我可以看到它在页面加载时的效果,并且在我看到页面加载45px的margin-top或padding-时顶部正在应用于容器。

有没有人有任何想法?我已经完成了条件标签,我的样式表,我只是不明白为什么它的行为方式。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

我花了几个页面刷新,但我想我可以看到你的问题:

有一个特殊的DIV:class =“entry-image-container”尽管不是必需的,但是会加载到页面中并导致你的下拉,因为这个元素似乎是通过DOM中的Opacity加载的....

如果你点击F12并打开entry-image-container标签,点击页面上的刷新,你会发现入口图像容器是通过Opacity加载的,似乎是导致加载延迟(我是发布了一张图片,但StackOverflow说我还没有更高的代表性)

也许包含此标记的条件语句可以为您解决问题?

我希望这在某种程度上有所帮助 - 在Mac OSX上使用Chrome

答案 1 :(得分:0)

标头有44px填充(22px 0 44px)。 对我来说(目前稳定的FF,Win7)没有任何动静。