html - 透明父级中的不透明子级

我在html中有透明的div块。里面还有一个孩子。是否可以使子div不转换？

最佳答案

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

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

关于html - 透明父级中的不透明子级，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3031848/