不透明度和图像[重复]
Posted
技术标签:
【中文标题】不透明度和图像[重复]【英文标题】：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>【问题讨论】：
【参考方案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>【讨论】：
以上是关于不透明度和图像[重复]的主要内容，如果未能解决你的问题，请参考以下文章