谷歌浏览器不读取背景图像

Question

我有一个简单的网站，它适用于Firefox，但是在Chrome上，所有的背景图像都不会显示。这是标签：

<header style="background-image: url('https://s3-us-west-2.amazonaws.com/bootstrapvitality/assets/img/artmakeit/home.jpg'">

您可以访问该网站并在此处查看Firefox和Chrome之间的区别。

Answer 1

您错过了url(...)的结束)。

Answer 2

background-image: url()属性末尾缺少一个)。

它在Firefox中工作的事实只是一个错误。

Answer 3

图像真的很大。 http://codepen.io/anon/pen/EPLGgb 所以你可能只看到左上角的部分（全是白色的）。在上面的代码笔中，我使标题width: 1200px;height: 1200px，您会看到图像。