2013-08-16 49 views
15

我试图通过添加opacity:0.4来使引导程序半透明,但是这也导致文本半透明。是否有任何方法可以使半透明的井没有使人体失去透明度。使引导程序半透明

回答

39

更改background-color而不是改变其opacity

.well { 
    background-color: rgba(245, 245, 245, 0.4); 
} 

随着公告称,价值245来自默认的.wellbackground-color的:#F5F5F5

+0

在我的网站上使用Chrome还有一个背景图片由自举v3的CSS被应用,其否决我指定的背景色,如何解决这一问题? – Alex

6

有一个很好的方式来做到这一点。在RGB

.well{ 
background-color: rgba(255,255,255,0.4); // I don't know the .well color, so I used white as example 
} 

其中0.4是不透明度和255,255,255颜色代码: 可以使用rgba和“背景color`这样做。

更多关于RGBA:

http://www.css3.info/preview/rgba/

+0

我想我使用阿尔法层,但希望井保留在bootstrap.css中定义的颜色 –

+0

您可以在井的每个父层上使用rgba。如果您将良好透明背景放置在背景中,则父项内的所有项目都将具有不透明度。 –

+3

刚刚得到了一个downvote。请解释。 –