这个背景简写是否会删除其他属性？

Question

如果我有：

background:#A2A2A2 url('./images/img.png') repeat-x left bottom;

然后我用：

background:#000000; /* not to confuse with 'background-color' */

background-image，background-repeat和background-position会丢失吗？

Answer 1

background-image，background-repeat 和 background-position（以及其他内容）在将其留在速记属性中时将隐式设置为默认值。这就是简写属性的工作原理（大部分）。

计算出的背景样式最终看起来像这样：

background-color: #000000;  /* Your specified value */
background-image: none;     /* Default value */
background-repeat: repeat;  /* Default value */
background-position: 0% 0%; /* Default value */

是的，你在第一个速记声明中设定的那些值将会丢失。