更改背景不透明度保留文字

我想削减我的carousel-caption的不透明度，但文字也获得不透明度，任何想法如何克服？我使用引导程序，并希望保持尽可能简单的事情。是否有可能实现这一点，而不使用类似：background-color: rgba(0, 0, 0, 0.2);？更改背景不透明度保留文字

HTML：

<div class="carousel-caption"> 
    <h1 class="carousel-caption-header">Heading for random text</h1> 
    <p class="carousel-caption-text"> 
    Random text random text random text random text random text random text 
    </p> 
</div>

CSS：

.carousel-caption { 
    background-color: black; 
    opacity: 0.2; 
}

来源

2014-04-12 Jugernaut

'rgba'是ge ge here的方式。你为什么要避免它？ –

我是一名编程新手。而且我经常发现，我所做的所有事情都可以轻松实现，所以我认为我也可以避免rgba :)似乎我必须坚持下去...... – Jugernaut

您也可以使用半透明的bg图像，或者存在绝对定位攻击，这将允许您使用不透明度，但在大多数情况下并不值得。 –

然后用background-color: rgba(0, 0, 0, 0.2)，正如你指出。 opacity不仅是背景不透明。它也改变文字不透明度。或者您可以使用

background-color:#00000033

来源

2014-04-12 10:16:34 AlieN

更改背景不透明度保留文字

回答

相关问题