|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
06.04.2018, 18:43 | #1 |
Новичок
Джуниор
Регистрация: 06.04.2018
Сообщений: 1
|
Затемнение carousel bootstrap
Здравствуйте уважаемые форумчане!!!
Занимаюсь вёрсткой html страницы по psd-макету и столкнулся с такой проблемой, задача вот в чем. В качестве header используется бутстраповская каруселька и картинки требуется затемнить с opacity 40%, проблем с адаптивностью нет, стрелки управления не требуются. Не выходит. Вод код: <div id="carousel-id" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-id" data-slide-to="0" class=""></li> <li data-target="#carousel-id" data-slide-to="1" class=""></li> <li data-target="#carousel-id" data-slide-to="2" class="active"> </li> </ol> <div class="carousel-inner"> <div class="item"> <img src="img/b1.jpg"> </div> <div class="item"> <img src="img/b2.jpg"> </div> <div class="item active"> <img src="img/b3.jpg"> </div> </div><!-- End carousel-inner --> </div><!-- End carousel-id --> CSS: .carousel-inner{ background-color: rgba(0,0,0,.4); position: relative; } Пробовал экспериментировать с классом .item и тегом img в разных вариантах. Дальше по коду идет .navbar .navbar-fixed-top. В меню используется прозрачный фон и .navbar-brand и png-картинкой с прозрачным фоном. Когда в css использую только тег img, то у картинки появляется полупрозрачный фон, но как сделать, чтобы background ложился сверху всей картинки карусели. P.S. z-index тоже не работает. Помогите, заранее спасибо!!! |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как объединить popup окно и owl carousel? | garmoni | HTML и CSS | 0 | 22.02.2018 16:24 |
Адаптивная carousel | Orlina | HTML и CSS | 1 | 15.09.2017 16:18 |
Bootstrap carousel | mrgrudge | JavaScript, Ajax | 1 | 26.10.2012 12:36 |
Затемнение экрана | Renok | Общие вопросы Delphi | 1 | 02.05.2012 19:16 |
Затемнение фона | s24t | JavaScript, Ajax | 3 | 05.07.2011 11:29 |