透明父母的不透明孩子

Question

我在html中有透明的div-block。还有另一个儿童街区。是否有可能让那个孩子不透明？

Answer 1

我不相信，但你可以这样做：

<div style="position: relative">
    <div style="position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 2;">
    </div>
    <div style="position: absolute; top: 0; left: 0; z-index: 3;">
        <p>I'm fully opaque</p>
    </div>
</div>

这种技术基本上将一个div叠加在另一个div之上。它对于动画背景图像和其他情况很有用，但可能不适用于您的用例 - 您必须详细说明。

Answer 2

不，这是不可能的。但是，如果您只是在寻找透明背景，则可以使用background-color构造设置rgba(RRR, GGG, BBB, AAA)，其中最后一个数字是Alpha透明度值。它只适用于现代浏览器。