CSS背景速记属性不适用于background-size

Question

当我在设计背景图像时尝试将多行CSS组合成一行时:

background: url("img/background.jpg") cover no-repeat;

它不起作用; 然而,当我移动封面并且不重复自己的线条时

background: url("img/background.jpg");
background-size: cover;
background-repeat: no-repeat;

图像效果很好.什么是错误的任何提示或想法？我经常注意到填充和边距等问题.

Answer 1

该background速记要求您还设置background-position为了设置background-size.您可以background在规范中找到速记的语法,但简而言之,这两个属性的语法是

<bg-position> [ / <bg-size> ]

这意味着" background-position,然后可选地后跟正斜杠background-size"(通常的可选空格规则适用)

如果您不需要更改background-position为其他值,则初始值为0 0(两个轴均为零):

background: url("img/background.jpg") 0 0 / cover no-repeat;

Answer 2

background-size不应包含在内,background因为浏览器无法识别它.