我的代码是这样的
<body style="background: url('im.jpeg')">
<div class="inner" style="opacity:0.5;margin-left:20px">
<div class="innermost">
<p>My content</p>
</div>
</div>
</body>
我的代码的问题在于它的主体有一个图像，因此它将全屏显示，并且"最内层"类具有原始内容，包括图片和文本，不透明度分配给"内部"类。而这种不透明度会影响"最内在"的所有元素。有没有办法在不影响体型的情况下防止"最内层"类的不透明。感谢您的阅读。
更新
我的代码还有其他替代方法吗，这样我就可以全屏显示图像。
它不会按照你想要的方式发生。如果最里面在里面，它是其内容的一部分，并且也是透明的。根据您想要实现的目标，您可以应用替代方案。例如，透明背景。或者从最里面去掉，使用绝对位置：
<div style="position:relative;margin-left:20px">
<div class="inner" style="opacity:0.5;">
</div>
<div class="innermost" style="position:absolute; left:0; top:0;">
<p>My content</p>
</div>
</div>
我认为您可以尝试为您的类"最内层"添加css属性"style： none"。这样做，您可以"停止"下面指定的不透明度。
如果父元素的不透明度值设置为 0.5，则其所有子元素都将继承该不透明度设置，并且无法在子元素上撤消该不透明度。阅读此 http://www.impressivewebs.com/fixing-parent-child-opacity/