不透明度和图像

Question

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>

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