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

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

url(images/stains1.png) 90% -20px no-repeat,
url(images/stains2.png) 30% 8% no-repeat,
url(images/stains3.png) 20% 50% no-repeat,
url(images/stains4.png) 40% 60% no-repeat,
url(images/paperlines.gif) #FBFBF9;
-moz-background-size: auto, auto, auto, auto, auto,
auto 1.6em;
-webkit-background-size: auto, auto, auto, auto, auto,
auto 1.6em;
background-size: auto, auto, auto, auto, auto,
auto 1.6em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

Стандартное свойство работает в Chrome, Safari 5, Firefox 4 и Opera, а в Firefox 3.6,
Safari 4 и более ранних версиях используются версии с префиксом. Также обратите
внимание на свойство -moz-background-clip: там используется ключевое слово
padding, а не стандартное padding-box.
Благодаря такому изменению фоновое изображение теперь начинается рядом
с рамкой, а не под ней (рис. 3.20).

Рис. 3.20. Свойство background-clip позволяет подвинуть фоновое изображение
и вынести его из-под изображения рамки

www.trk.kg