<分区>
<分区>
好的，所以我要做的是:
我正在使用以下 css 和 html，但无法正常工作。顶部的 div 被指定为下面的不透明度。我认为这与父 div 有关，我该如何解决？
#mbox {width:100%; height:150px; background:url(makerback.png)}
#mbox2 {width:100%; height:150px; background:#000000; opacity:.75;}
#mbox3 {width:80%; margin:0 auto; top:auto; bottom:auto; height:100px; text-align:center; color:white; line-height:100px; font-weight:bold; font-size:20pt; opacity:.;}
<div id="mbox">
<div id="mbox3">
<div id="mbox2">TEST TEXT</div>
</div>
</div>
最佳答案
我认为一切都如您所愿，只是不透明度也应用于 #mbox2。
由于它在 #mbox3 的范围内，它也将具有 不透明度:.5。
我相信这可能会让人产生一种错觉，即它背后的整个图像也正在淡出。
这在您的脑海中有点难以想象，但是如果您不希望它继承不透明度，您的文本元素应该放在容器旁边。
然后，您可以使用 position: absolute 将其移动到父 #mbox div 的边界内。
无论哪种方式，我都创建了一个 JSFiddle那应该按照您的想法去做。
关于html - div 和不透明度有问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52979790/