如何使用CSS禁用div容器中的不透明度?

时间:2015-08-24 09:19:52

标签: html css css3 web opacity

我有两个div标签

<div class="1" style="opacity:0.5">
  <div class="2"></div>
</div>

Div1确实具有不透明度,因此div2也具有不透明度。

如何在div2中禁用不透明度?

Div2必须在div1中,所以我不能改变div的顺序。

1 个答案:

答案 0 :(得分:2)

如果您希望不透明度减轻Div1的背景颜色,您可以使用以下css。

<div class="1" style="background: rgba(255, 0, 0, 0.5);">

这不会影响您的Div2内容。

注意:应该使用外部css文件来编写css而不是内联css。我用过同样的方法只是为了更好地帮助你解决问题。