多种背景颜色相互重叠

Question

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

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

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

我有一个角度2项目，由于某种原因我无法覆盖背景颜色。

以下是带有和不带白色背景颜色的输出。

这是另一个。

非常感谢任何帮助。

Answer 1

很简单。你使用不透明度。设置不透明度：1到模态内容

Answer 2

看起来您的不透明度需要设置为1而不是0.9。

同时检查您的css规则是否是浏览器最后运行的规则。如果您尝试覆盖规则，则需要加载图书馆＆＃39;首先在标题中输入css文件，然后输出你的style.css文件，这样你的更改就会覆盖基本库样式。

Answer 3

为什么第二次不透明度显示为0.5，它应该与第一次0.9一样。而且模态内容不应该是不透明的，没有不透明度应该很难。

将属性设置为modal而不是modalContent。

还尝试使用重要属性进行背景色;

.modal, modal {
   color: #7d7d7d;
   background-color: dodgerblue !important ;
   opacity: 1;
 }