使用background属性不显示CSS背景

时间:2013-10-02 23:27:07

标签: css

如果我使用以下内容,则不会出现背景。

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

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

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

它们不相同吗?我错过了一些明显的东西吗 最终我需要分层多个图像,所以我需要让后台语句起作用。

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

1 个答案:

答案 0 :(得分:3)

使用CSS3 background shorthand时,您必须使用background-positionbackground-size/属性区分开来;改为使用:

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

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