透明父母的非透明子女

Question

我在html中拥有透明的div-block。里面还有另一个孩子块。是否有可能使这个孩子divs不透明？

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

Answer 2

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