使用 background 属性不显示 CSS 背景

Question

如果我使用以下背景不会出现。

background: url('Background.jpg') 覆盖无重复中心；

如果我使用谨慎的背景属性，背景会正确显示。

background-image: url('Background.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;

它们不等价吗？我错过了一些明显的东西吗？最终我需要对多个图像进行分层，因此我需要让背景声明起作用。

Firefox 24.0 或 Chrome 浏览器中的相同结果没有区别。

Answer 1

使用 CSS3 background shorthand 时，您必须使用 / 将 background-position 与 background-size 属性分开;而是使用:

background: url('Background.jpg') no-repeat center / cover;

示例:http://jsfiddle.net/fqhmh/