【问题标题】: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>

    【讨论】:

      猜你喜欢
      • 2016-07-04
      • 2016-02-26
      • 1970-01-01
      • 2021-02-18
      • 2021-05-13
      • 2021-05-13
      • 1970-01-01
      • 1970-01-01
      • 2020-01-07
      相关资源
      最近更新 更多