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

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 */

所以是的，您在第一个速记声明中设置的那些值将丢失。