Непрозрачность изображений и текста карусели Bootstrap ⇐ CSS

[Anonymous]

Я пытаюсь использовать Bootstrap Carousel, чтобы иметь фоновые изображения с низкой непрозрачностью и текст заголовка на полную мощность. Я пытаюсь найти способ настроить таргетинг на каждое изображение слайдера, не снижая непрозрачность текста.

Код: Выделить всё

[list]
[*]
[*]
[*]

[*]
[*]
[/list]





[img]img/DSC00154.jpg[/img]




Leadership




[img]img/DSC01961.jpg[/img]




Mentorship





[img]img/DSC02637.jpg[/img]




Wisdom





[img]img/DSC00130.jpg[/img]




Community Outreach

CSS

Код: Выделить всё

div.background {
background-image:url(../img/DSC00154.jpg);
border: 2px solid black;
}

div.transbox {
margin: 30px;
background-color: #ffffff;
border: 1px solid black;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p {
margin: 5%;
font-weight: bold;
color: #000000;
}

Надеюсь, есть способ настроить таргетинг напрямую, не нарушая плагин карусели.

Подробнее здесь: https://stackoverflow.com/questions/429 ... s-and-text