Page 115 - Сила CSS3 Освой новейший стандарт

Усложнение фона • 115

указанные старые версии Firefox и Safari не понимают подобную запись и не спо-
собны отобразить нужные фоновые изображения. Таким образом, для того чтобы
эти свойства работали в любых браузерах, а также для того чтобы вы не путались
в значениях background-position и background-size (а их спутать очень просто!),
всегда записывайте background-size отдельно от background.
Сохраните страницу и откройте ее в современном браузере. Вы увидите, что текст
выровнен по линеечкам на странице, которая наверху «прикреплена» к экрану канце-
лярской кнопкой. Кроме того, на странице теперь есть четыре мокрых пятна (рис. 3.11).

Рис. 3.11. Все шесть фоновых изображений из блока div отображаются
в разных местах страницы

В настройке изображений по отдельности, в противоположность объединению
их в одно большое изображение, определяемое внутри общего вложенного div,
самое приятное — то, что в зависимости от размера блока div изображения могут
занимать разные позиции на экране. Вне зависимости от размера и габаритов блока
div изображения пятен всегда будут аккуратно распределяться по странице, а не
скапливаться в одном месте.

коротко оБ иСпользовании неСкольких Фоновых изоБражений

Добавление нескольких фоновых изображений к одному элементу — это новая возмож-
ность свойств background и background-image, а не новое свойство. Указанные свойства
входят в модуль Backgrounds and Borders (Фон и границы), расположенный по адресу http://
www.w3.org/TR/css3-background.
Перечислите все фоновые изображения внутри свойства background-image или background,
разделив их запятыми. Фоновые изображения отображаются одно поверх другого, и первое
объявленное изображение выводится наверху стека.

www.trk.kg