Перейти к содержанию
Ch0oJoy

Помогите с CSS

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

Здравствуйте! Помогите разобраться с 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}

 

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


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

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

  • +1 1

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.