Question

如果我在不透明度：0.5; 的div中放置不透明度：1; ，则不透明度：1; 获取不透明度为0.5，但我不是那样，但我需要外部div为0.5，因为这是一个背景。我该如何解决这个问题？

Answer 1

这取决于您的使用案例，但您可以使用不透明度的background-color：

background-color: #8888FF; /* fallback for browsers with no alpha-transparency support */
background-color: rgba(0,0,255, 0.5);

Read more here

Answer 2

而不是这样做，

<div id="divA" style="opacity:0.5">
  divA
  <div id="divB" style="opacity:1">
     divB
  </div>
</div>

我总是做以下选择：

<div id="superparentdiv" style="position:relative">
  <div id="divA" style="opacity:0.5">
    divA
  </div>
  <div id="divB" style="opacity:1">
     divB
  </div>
</div>

如果位置很重要，我会应用position:absolute;来设置divB的位置

希望这有帮助。

Answer 3

虽然可以使用技巧，但你想做的事情是不可能的。孩子的不透明度与其父母相关。因此，＆＃34; 1＆＃34;的不透明度在孩子身上只会等于其父母的完全不透明度（0.5）。

如果父级（不透明度0.5）只是一种颜色，则可以使用rgba而不是不透明度。否则，您需要从其父级移除子项并使用定位将子项置于背景之上。

Answer 4

你是否尝试过在1个不透明度的东西中添加一个z-index：9999（只是一个大的）所以他们将成为0.5师的顶端

如何通过div中的div避免降低不透明度？

4 个答案: