html - 透明 parent 中的不透明 child

Question

我在 html 中有透明的 div block 。里面还有另一个子 block 。是否可以使子 div 不透明？

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 叠加在另一个之上。它对于背景图像动画和其他情况很有用，但可能不适用于您的用例 - 您必须详细说明。