Ключевые слова очень просты для понимания. Оказываемый ими эффект соответствует их именам; например, согласно значению top right исходное изображение будет находиться в верхнем правом углу области отступа элемента. Вернемся к маленькому символу инь-ян:

p {background-image: url(yinyang.gif);
background-repeat: no-repeat;
background-position: top right;}

В результате исходное изображение будет помещаться в верхний правый угол отступа каждого абзаца и не будет повторяться. Между прочим, результат был бы совершенно аналогичным, если бы местоположение было объявлено как right top. Ключевые слова (согласно спецификации) могут располагаться в любом порядке, но их должно быть не более двух: одно – горизонтальная координата, другое – вертикальная. В броузерах Netscape 6.x есть ошибка, из-за которой правило игнорируется, если ключевые слова background-position не расположены в определенном порядке.

Убедитесь, что ключевые слова задают сначала положение по горизонтали, а затем по вертикали. Другими словами, необходимо писать left center, а не center left. Если задано только одно ключевое слово, то предполагается, что другое слово – center. Итак, если требуется, чтобы изображение располагалось над каждым абзацем посередине, достаточно объявить:

p {background-image: url(yinyang.gif);
background-repeat: no-repeat;
background-position: top;}

Добавлено: 18 Июля 2018 21:18:55 Добавил: Андрей Ковальчук Нравится 0

Добавить