jquery - 如何使用包装 div 更改不透明度为 1 的内部 div 的颜色

Question

如何使用包装 div 更改不透明度为 1 的内部 div 的颜色？

如果不透明度为 0，我可以使用背景颜色实现此目的，但是一旦将不透明度设置为 1，它就不起作用了。我明白为什么会这样，但不确定如何解决。

<div id="div2" style="height:100px;width:100px;border:1px solid #ccc">
  <div id= "div1"  style="height:100px;width:100px;border:1px solid #ccc; background-color:rgba(255, 255, 255,1) "></div>
</div>

$("#div2").css("background-color", 'rgba(235, 235, 228,1)')

我无法控制不透明度为 1 的内部 div，但我想在需要时为内部 div 提供此 (rgb(235, 235, 228)) 颜色(禁用外观)。我试图用包装器来实现。

Answer 1

a) 寻址 div2 中的 div (div1):

$("#div2 div").css( … )

b) 或直接寻址 div1:

$("#div1").css( … )