javascript - 父对象的 CSS 不透明度

Question

您好，我想制作一个弹出窗口，使背景具有 80% 的不透明度，但内部子对象不继承此属性并保持 100% 不透明和可见。我将如何编写 css 或 javascript 脚本来使它出现？像这样的东西:

<div style=opacity:80>
     <div style=opacity:100>
          I want to make this text to not be partially transparent due from style inheritance
     </div>
</div>





有什么想法吗？提前感谢您的帮助

干杯

Answer 1

这个有效:

<div style='position:relative;width:WWW; height:HHH;'>
     <div style='opacity:80; position:absolute; top:0; left:0; width:WWW; height:HHH;'> <!-- cover -->
     <div>
          I want to make this text to not be partially transparent due from style inheritance
     </div>
</div>