html - 多种背景颜色相互重叠

Question

任何人都可以向我解释这里发生了什么，我试图将背景颜色覆盖为 dodgerblue 但由于某种原因，白色背景颜色也在其下方呈现。

我的 css 文件中有以下代码段。

.modal-content {
  color: $dropdown-text;
  background-color: dodgerblue ;
  opacity: 0.9;
 }

我有一个 Angular 2 元素，由于某些原因我无法覆盖背景颜色。

这里是有和没有白色背景颜色的输出。

这是另一个。

非常感谢您提供任何帮助。

Answer 1

很简单。你使用不透明度。将不透明度:1 设置为模态内容