css 背景图片未加载，根本看不到 firebug 中的属性

Question

我正在尝试创建一个简单的登录页面，但我的 css 背景图片未加载。这是我使用的代码

landing_container {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    background: url("http://www.livingwatersshop.com/blog/wp-content/uploads/2016/09/Landing-Page-Background.jpg") 50%;
    background-size: cover;
}

我尝试了本地路径、相对路径的文件夹、'、'，但没有加载任何内容。

当我在此处查看实时编辑器时：http://scratchpad.io/selfish-education-2788 我可以看到背景没有问题（我输入了完整的url）但是当我上传到我的网站时它仍然无法加载。我试过 chrome 和 firefox，删除了缓存。

这是 link 的网站：http://www.livingwatersshop.com/landy/index.html

提前致谢，马颜

Answer 1

<landing_container> 是一个非常糟糕的自定义标签。但是，我看到您的问题是您的问题未在此处共享，问题是您的 CSS 文件以 <style> 标记开头。那是完全错误的！

你有：

<style>
landing_container {
    ......
}
</style>

只需从 CSS 文件中删除 <style> 和 </style>。该标签仅在 HTML 文件中包含 CSS。

当你删除它时，你的代码将运行完美。

编辑：

我附上一张图片来演示，如果您删除该标签，背景将显示：

css 背景图片未加载，根本看不到 firebug 中的属性

css background image not loading, can't see the property in firebug at all

css

background-image

编辑：

css 背景图片未加载，根本看不到 firebug 中的 属性

css background image not loading, can't see the property in firebug at all

css

background-image

编辑：

css 背景图片未加载，根本看不到 firebug 中的属性