Это сокращение для фона удаляет другие атрибуты? - PullRequest
Новая
       7

Это сокращение для фона удаляет другие атрибуты?

1 голос
/ 31 декабря 2011

Если у меня есть: 

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

и затем я использую: 

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

Есть ли background-image, background-repeat и background-position потеряны?

1 Ответ

6 голосов
/ 31 декабря 2011

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

Так что да, те значения, которые вы задали в первом кратком объявлении, будут потеряны.

...