0

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

我已经创建(使用主题定制器)css 来设置背景、边框和文本颜色,但我似乎无法在定制器中设置不透明度,而且当我在 css 中手动设置它时似乎没有效果。

我对Less了解不多。由于我没有看到的竞争或继承样式,这些面板元素是否不支持不透明度?

在我的 css bootstrap 主题中,我尝试设置如下内容:

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

有关我要实现的目标的示例,请参见下文: 在此处输入图像描述

4

1 回答 1

1

这里的问题是使用了8 位十六进制颜色表示法。

background-color: #000000b3;

虽然在许多现代浏览器(不是 IE 或 Edge)中都有支持,但 CSS 预处理器或某些 IDE 可能无法识别。

在此处输入图像描述

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

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

可以在Stack Overflow 上找到一个方便的转换器 - 将 8 位十六进制颜色转换为 rgba 颜色?

于 2018-10-26T10:48:22.723 回答