Question

我有以下问题：

我的目标网页由2张图片组成：分配给body元素的背景图片（top-banner）和我正在展示我的内容的另一张图片。

我的问题是两张图片都非常大，我必须先等待主图像显示，然后才能显示背景图像。

这对我来说非常烦人，看起来不太好。

我创建了一个带有示例图像的在线版本，可以清楚地显示我的问题。请检查一下：here

我尝试了很多不同的JavaScript技术和在线解决方案，但都没有解决我的问题。

我想要的只是首先显示的背景图像，而不是主图像。

这是html代码：

<body background='top-banner2.jpg' style='background-position: top center; background-repeat:no-repeat;'>
  <a href="#">
    <img border='0' style='position:absolute; width:965px; left:50%; margin-left:-487px; top:440px;'  src='main2.jpg' />
  </a>
</body>

我愿意接受任何解决方案，JavaScript，AJAX等等，只是为了看它的工作！

感谢您分享您的时间和专业知识。

一切顺利， Spiro K.

Answer 1

问题是您正在使用background属性。永远不要再使用它，并停止使用样式属性。将所有演示文稿放入外部样式表并使用链接标记链接到该样式表。这样做可以解决您的问题，因为CSS会逐渐呈现DOM。

负载＆amp;首先显示身体背景图像

1 个答案: