相关疑难解决方法(0)

我在div中有一个段落元素.div的不透明度为0.3,段落的不透明度为1.

当我显示元素时,看起来段落是透明的,就像它的不透明度为0.3.

有没有办法让div中的段落具有完全不透明度？也许我可以为此设置CSS值？

<div style="opacity: 0.3; background-color: red;">
   <p style="opacity: 1;">abcde</p>
</div>

我只想在我的大屏幕中为背景图像提供 0.5 的不透明度。问题是我的大屏幕中的文本的不透明度也为 0.5。我怎样才能让背景只具有不透明度而不是文本？

这是自定义 css 文件：

.jumbotron{
opacity: 0.5;
background-image: url("../img/colorful_planke.jpg");
background-size: cover;
}

.jumbo_text {
    color: white;
}

这是超大屏幕 html

<div class="jumbotron jumbo_text">
    <h1 class="display-4 font-weight-bold text-center">Lorum Ipsom</h1><br>
    <p class="lead text-center font-weight-bold">Lorum Ipsom | Lorum Ipsom | Lorum Ipsom | Lorum Ipsom |
        Lorum Ipsom</p>
</div>