不透明度和图像[重复]

【问题标题】：Opacity and image [duplicate]不透明度和图像[重复]
【发布时间】：2020-08-31 07:31:31
【问题描述】：

img 不透明度被父 div 的不透明度打断。如何预防？

<div class="parent_div" style="opacity:0.2">
  <p>Some text</p>  
  <img class="gif" style="opacity: 1;" src="https://thumbs.gfycat.com/InsistentTautGodwit-size_restricted.gif"></div>

【问题讨论】：

标签： css

【解决方案1】：

使用 rgba 设置文本的颜色，而不是继承不透明度。

<div class="parent_div" style="color: rgba(0,0,0,0.2)">
  <p>Some text</p>
  <img class="gif" style="opacity: 1;" src="https://thumbs.gfycat.com/InsistentTautGodwit-size_restricted.gif"></div>

【讨论】：