Как сделать фоновое изображение поверх img? ⇐ CSS

[Anonymous]

Мне нужно разместить значок поверх изображения продукта. Я работаю над этим уже довольно давно. Чего мне не хватает?

Код: Выделить всё

.special-corner

 — это элемент div со значком в качестве фонового изображения, который необходимо отображать поверх изображения.

Код: Выделить всё

    



[img]kjhasd.png[/img]

.vertical-vehicle-spotlight-item {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
cursor: pointer !important;
height: 253px;
margin-left: 3px;
margin-top: 17px;
overflow: hidden;
padding: 5px;
width: 260px;
}

.vertical-item-photo {
height: 146px;
overflow: hidden;
vertical-align: middle;
width: 260px;
}

.special-corner {
background-image: url("/img/special-corner.png");
background-position: 100% -1px;
background-repeat: no-repeat;
height: 100px;
}

.vertical-item-photo img {
height: 146px;
vertical-align: middle;
width: 260px;
}

Изменить: вот скрипка, спасибо за идею от @Mooseman. http://jsfiddle.net/heetertc/nTMun/


Подробнее здесь: https://stackoverflow.com/questions/158 ... -of-an-img