1

我的代码是这样的

<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>

我的代码的问题是它的主体有一个图像，因此它可以全屏显示，并且“最内层”类具有包括图片和文本在内的原始内容，不透明度被分配给“内部”类。而这种不透明度会影响“最里面”的所有元素。是否有任何解决方案可以防止“最里面”类的不透明而不影响体型。谢谢阅读。

更新

我的代码还有其他选择吗，这样我就可以全屏显示图像。

4

3 回答 3

2

它不会以你想要的方式发生。如果 innermost 是 inside inner，它是它的内容的一部分，并且也是透明的。根据您想要实现的目标，您可以应用替代方案。例如，透明背景。或从内部删除最内层，并使用绝对位置：

<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>
于 2013-09-11T23:11:57.957 回答
1

我认为您可以尝试为您的类“最内层”添加 CSS 属性“样式：无”。这样做，您“停止”了下面指定的不透明度。

于 2013-09-11T22:55:58.220 回答
0

如果父元素的不透明度值设置为 0.5，则其所有子元素都将继承该不透明度设置，并且无法在子元素上反转该不透明度。阅读此http://www.impressivewebs.com/fixing-parent-child-opacity/

于 2013-09-12T00:00:37.593 回答