css - 使 bootstrap 半透明

标签 css twitter-bootstrap

我试图通过添加 opacity:0.4 使 bootstrap 半透明,但这导致文本也变成半透明。有什么方法可以使井半透明而不会使 body 失去不透明度。

最佳答案

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

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

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

关于css - 使 bootstrap 半透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18274976/

相关文章:

javascript - 单击按钮后文本不会更改 - 表单、时间和全局变量

html - 在 Bootstrap 的行列中创建垂直居中的 img

c# - MVC 4 - 如何使用 Ajax.ActionLink 呈现带有部分的 View ?

javascript - Bootstrap API 轮播连续

jquery - Bootstrap 3 折叠更改点击时的 V 形图标

html - 如何使文本 "Passed"和进度条在较小的 View 中显示在一行中?

CSS 布局差异(在 Octopress 上使用 Twitter Bootstrap)

asp.net - 使用 "!important"覆盖 SharePoint 2010 母版页的 css 属性

html - 显示 :after content inline with <div>

javascript - CSS active li 不正确