多种背景颜色相互重叠

任何人都可以请向我解释是怎么回事在这里，我试图重写背景颜色宝蓝，但由于某种原因，白色的背景颜色也被下方呈现它。

我在我的css文件中有下面的代码片段。

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

我有一个角度2的项目，由于某种原因，我不能重写背景颜色。

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

这是另一个。

任何帮助将是非常感谢。

2017-06-15 Sadiq Ali

其单弹出，为什么你觉得我使用多弹出？这里不是真正的前端人员。 –

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

2017-06-15 11:35:21

我已经更新了快照以更好地反映我面临的问题，它不是不透明。 –

，因为您可以看到之前的背景颜色样式是删除线。这意味着，它不会影响你的元素。你想达到什么效果？ –

准确地说，通过零件的穿透不应该有任何效果，但由于某些疯狂的原因，它仍然在应用，正如您所看到的，当我取消选中时，我会获得适当的颜色或颜色，我希望使用不透明度，但默认情况下，不是这样的，由于某种原因，默认情况下它会在白色上重叠蓝色。 –

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

还要检查您的css规则是浏览器运行的最后一个规则。如果你试图覆盖规则，你需要首先在头文件中加载你的库的css文件，然后将你的style.css文件加载到最后，以便修改覆盖基本库的样式。

2017-06-15 11:35:47

我已经更新了快照，以更好地反映我面临的问题，它不是不透明。问题是2个背景颜色正在被相同的类模型 - 内容填充。 –

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

将属性设置为模态而不是modalContent。

也尝试与重要的财产为背色;

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

2017-06-15 11:52:01

它没有帮助，我得到的只是一个白色背景。 –

可以请你张贴plunkar –

对不起，我不认为这将是可能的。 –

回答