Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.04.2018, 18:43   #1
Almall
Новичок
Джуниор
 
Регистрация: 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 тоже не работает.

Помогите, заранее спасибо!!!
Almall вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как объединить 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