使bootstrap半透明

Question

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

Answer 1

改变background-color而不是改变它opacity

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

随着公告称,值245来自默认background-color的的.well类:#F5F5F5.

Answer 2

有一种很棒的方法可以做到这一点.您可以使用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是不透明度,而rgb中的颜色代码是255,255,255.

关于rgba的更多信息: