Несколько фоновых изображений в одном div

Я сделал ленту в Photoshop. Лента состоит из трех частей. Левая и правая части являются фиксированными 10px. Средний сектант является повторяемым образцом.

Можно ли комбинировать эти изображения в качестве фона моего тега?

Ответы

Ответ 1

как @j08691 сказал, только в css3

#yourTag {
background-image: url(one.png), url(two.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
width: 300px;
height: 350px;
}

здесь у вас есть хороший пример

Ответ 2

Просто добавьте класс в тег, затем с помощью CSS добавьте фон в этот класс. Это не будет работать на IE8 или ранее

div
{ 
background:url(smiley.gif) top left no-repeat,
url(sqorange.gif) bottom left no-repeat,
url(sqgreen.gif) bottom right no-repeat;
}

Код от http://www.w3schools.com/cssref/css3_pr_background.asp

Чтобы заставить его работать в других версиях IE, вы можете использовать что-то вроде CSS3Pie http://css3pie.com/documentation/supported-css3-features/#pie-background Однако я бы тщательно тестировал, прежде чем вводить код в живую

Ответ 3

Это возможно только для css3 для современных браузеров.

.element{
    background-image: url(key.png), url(stone.png);
}