使bootstrap半透明

时间:2013-08-16 13:52:37

标签: css twitter-bootstrap

我试图通过添加opacity:0.4使引导程序半透明,但这会导致文本半透明。有没有办法让井半透明而不会使身体失去不透明度。

2 个答案:

答案 0 :(得分:42)

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

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

请注意,245值来自background-color类的默认.well#F5F5F5

答案 1 :(得分:6)

有一种很棒的方法可以做到这一点。 你可以使用rgba和'background-color`这样做:

.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是rgb中的颜色代码。

有关rgba的更多信息:

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