Ch0oJoy

Помогите с CSS

Рекомендуемые сообщения

Ch0oJoy    8

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

5989a7a483431_.png.aa5dd93dbe7b4adca5d2412b3dfa389c.png

Нужно чтоб красный фон был поверху изображения. Подскажите пожалуйста. Вот 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    222

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
greendragon    30

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Ch0oJoy    8
4 минуты назад, kJlukOo сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу