Почему фон не наследуется

Ранее я особенно отмечал, что фон не наследуется. Фоновые изображения показывают, почему наследование в данном случае имело бы негативный эффект. Представьте ситуацию: фон наследуется, и вы применили фоновое изображение к элементу body. Это изображение выступало бы в качестве фона для каждого элемента документа, и у каждого элемента был бы свой мозаичный шаблон расположения изображения.

Обратите внимание на возобновление шаблона в верхнем левом углу каждого элемента, включая ссылки. Это не то, чего хотелось бы добиться многим авторам, и именно поэтому свойства фона не наследуются. Если же по какой-то причине надо добиться именно такого эффекта, то его можно реализовать посредством следующего правила:

* {background-image: url(yinyang.gif);}
Как вариант можно использовать значение inherit вот так:
body {background-image: url(yinyang.gif);}
* {background-image: inherit;}

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Воздействие на рамки
Воздействие на элементы формы
Еще раз о повторении в определенном направлении
Замещение атрибутов
Значения, заданные в единицах измерения длины

Вернуться в раздел: CSS / 9. Цвета и фон