background поверх img

[devid89]

помогите пожалуйста )) сижу ломаю голову, казалось бы, над простейшими проблемами. 

 

Есть блок, которому указан свой фон. 

.slaider {    background: url("тут картинка фона") no-repeat;    float: left;    height: 350px;    position: relative;    width: 465px;    z-index: 2;

в этом блоке должна разместиться картинк в теге <img> (их может быть несколько). 

 

Фон у слайдера в виде круга, соотвественно и картинка должна получиться круглой, для этого, мне надо картинку засунуть под этот бекраунд, чтобы лишние острые углы он не показывал. это я делаю так:

.slaider img {    position: relative;    z-index: 1;

 

по логике вещей содержимое в img должно показывать под содержимом slaider, а он все равно показывает над ним. Реально ли вообще провести подобную манипуляцию, или бекраунд по определению не может быть поверх чего-то? как быть тогда в данной ситуации? 

 

спасибо!

[ShumNo]

для такой задачи бекграунд не нужен. просто скруглите картинку средствами css  добавив бордер радиус

[devid89]

действительно ... я что-то не догадался сразу ... 

 

 

а вот вообще бекраунд по определению может быть поверх чего-то?

[klierik]

как он может быть поверх чего-то есть он является фоном чего-то? тоже самое что сказать - может ли хвост самолета быть его носовой частью?

но, как вариант, можно использовать :before, а его положить поверх содержимого.