logo标签列表

Twitter Bootstrap - 良好的背景颜色

csstwitter-bootstrap
14

我正在尝试更改Bootstrap well的背景颜色和不透明度。我有以下CSS：

.well {
    opacity: 0.9; /* opacity [0-1] */
    -moz-opacity: 0.9; /* opacity [0-1] */
    -webkit-opacity: 0.9; /* opacity [0-1] */
    background-color: blue;
}

透明度是起作用了，但背景颜色似乎没有改变。有什么想法吗？

编辑fiddle，以防您想要玩一下

1
使用write background:blue代替background-color。 - GL.awog
哇 - 真的很简单！谢谢，它起作用了。 - user2672288
那么“background-color”和“background”有什么区别呢？ - Scott
1
背景属性的优先级高于其他更具体的背景属性，例如background-color、background-image，因为它可以在一个声明中设置它们所有。 它将只用一行覆盖它们所有。 在上面的主题中，我们有一个预定义的 "background-color：＃f5f5f5"（在bootstrap.css中）和background-image（在bootstrap.theme.css中）的div.well。 因此，我们只用background：蓝色覆盖了它们所有。 - GL.awog
1个回答
18

或者您可以将其写成CSS的一行代码，使用rgba。

.well{
    background: rgba(0, 0, 255, 0.9);
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接