0

如果我把东西不透明：1；在不透明度：0.5的 div 中；，不透明度：1；获得 0.5 的不透明度，但我不希望这样，但我需要外部 div 为 0.5，因为那是背景。我该如何解决？

4

4 回答 4

1

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

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

在这里阅读更多。

于 2013-07-10T01:44:57.557 回答
0

而不是这样做，

<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

希望这可以帮助。

于 2013-07-10T01:41:40.340 回答
0

虽然可以使用技巧，但您尝试做的事情是不可能的。子项的不透明度与其父项有关。因此，孩子的不透明度为“1”将永远等于其父母的完全不透明度（0.5）。

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

于 2013-07-10T01:41:58.470 回答
0

您是否尝试过在 1 opacity 中添加 z-index:9999（只是一个大的）所以嘿将在 0.5 分区的顶部

于 2013-07-10T01:44:30.750 回答