2012-04-30 84 views
0

我有一个300kb大小的背景图片。html - 背景图像加载速度慢

由于某些原因,即使在几分钟后它也不会加载到我的网页上。 这是我使用背景图像的代码。它与我的网页处于同一水平。

我在这里做错了什么?或者图像太大..? 谢谢。

body { 
background-color: #D2C7AC; 
background-image:url('background.jpg'); 
background-size: cover; 
background-repeat: no-repeat; 
} 

我认为问题解决了。感谢您的帮助:)

+0

张贴链接,我们可以检查 – ShibinRagh

+0

添加链接,谢谢。 – Meowbits

+0

这是什么浏览器? – breezy

回答

3

图片url应该用引号引起来。

background-image:url('background.jpg'); 

您可以在开发者工具检查网络选项卡,以确保图像被发现正确以及(确保它没有返回404)。

+0

已更新,仍然遇到问题。 – Meowbits

+0

您是否检查过图片是否被请求?如果您打开开发人员工具并转到网络选项卡,您应该看到类似于“GET background.jpg”的内容,并且应该具有200或304的状态。如果状态为404,则表示图像不能被发现(不良网址)。如果它是200或304,那么你的html或css中有一些其他内容会阻止显示图像。 – Bill

+0

在您发布的链接上,我看到图片正确显示,加载速度非常慢。它不应该花很长时间来下载300 kb,其他的是错误的... – Bill