Bootstrap主题中的Alpha通道和不透明度

Question

我正在尝试将手风琴控件移植到ui.bootstrap手风琴上。我在ui.bootstrap版本中处理的大多数元素都是香草Bootstrap中的面板分类元素。

我已经创建（使用theme customizer）css来设置背景，边框和文本颜色，但是我似乎无法在自定义程序中设置不透明度，并且在手动设置时似乎没有任何效果在CSS中。

我对Less不太了解。由于我只是看不到竞争或继承的样式，这些面板元素是否不支持不透明度？

在css引导主题中，我尝试设置以下内容：

.panel-default > .panel-heading {
  color: #ffffff;
  background-color: #000000b3;
  border-color: #000000;
}

有关我要实现的目标的示例，请参见下文：

Answer 1

这里的问题是正在使用8 digit hex颜色符号。

background-color: #000000b3;

尽管现代的浏览器（不是IE或Edge）中都有support，但CSS预处理器或某些IDE可能无法识别。

我建议您使用RGBA表示法作为替代或回退。

background-color: #000000b3; 
background-color: rgba(0,0,0,0.7)

可以在Stack Overflow - Convert 8-digit hex colors to rgba colors?上找到方便的转换器