Помогите с CSS

[Ch0oJoy]

Здравствуйте! Помогите разобраться с css. Не получается вывести background над изображением  (z-index не срабатывает)

Нужно чтоб красный фон был поверху изображения. Подскажите пожалуйста. Вот css код:

.news_box{overflow:hidden;}
#content .news_box{}
.news_box .news_wrapper{margin:12px -10px 20px;}
#content .news_wrapper{margin:12px -9px 25px;}
.news_box .news_wrapper .name{margin:0 0 10px;color:#fff; background:red;z-index:9999}
.news_box .news_wrapper .name a{line-height:1.0em;color:#fff; background:#333;font-size:1.0em;font-weight:500;text-decoration:none}
.news_box .news_wrapper .owl-item .news{overflow:hidden;padding:0 10px;text-align:left;}
.news_box .news_wrapper .owl-item .image{border:solid 1px #ddd;padding:3px;transition:all ease-in-out .2s}
.news_box .news_wrapper .image{margin:0 0 10px;text-align:center}
.news_box .news_wrapper .image > a{display:block;overflow:auto;}
.news_box .news_wrapper .owl-item img{display:block;margin:0 auto;/* width:100%; */max-width:100%;max-height:100%;}
.news_box .news_wrapper .description{font-size:0.9em;line-height:1.3;margin:0 0 8px;color:#444}
.news_box .news_wrapper .posted{text-align:right;font-size:0.8em;line-height:1.0;}
.news_box .news_wrapper .posted a{float:left;font-size:1.1em;line-height:0.8;}
.news_box .news_wrapper .owl-buttons{position:absolute;top:-38px;right:10px}
.news_box .news_wrapper .owl-buttons div{display:inline-block;color:#d22828;font-size:1.0em}
.news_box .news_wrapper .owl-buttons div + div{margin:0 0 0 12px}
.news_box .news_wrapper .owl-buttons div:hover{color:#333}

 

[kJlukOo]

z-index работает только когда position одинаковый у элементов + он должен быть abosolute,fixed или relative если память не изменяет

[GreenDragon]

Нужна ссылка на сайт

[Ch0oJoy]

4 минуты назад, kJlukOo сказал:

z-index работает только когда position одинаковый у элементов + он должен быть abosolute,fixed или relative если память не изменяет

Спасибо! Теперь все работает))