前端之家收集整理的这篇文章主要介绍了
html – 当父元素具有不透明度时,禁用子元素的不透明度，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个不透明度为0.8的容器。在背景，我有一个照耀
内容div的图像。
现在，我在这个容器里有一张我的客户的照片。问题是，它使用父元素的不透明度，因为这个图像的不透明度只是相对于容器而不是身体。
我有这个代码：
<div id="contentContainer" style="background: #FFFFFF; opacity: 0.8">
Content ...
<img src="..." style="opacity: 1.0" alt="Photo" />
</div>
这不起作用，如下所述。
有人有想法吗？
通过将其更改为以下
内容来
解决此问题：
<div id="contentContainer" style="background: rgba(255,255,0.8);">
Content ...
<img src="..." alt="Photo" />
</div>
只使用rgba alpha而不是不透明度。现在它有效
原文链接：https://www.f2er.com/html/233194.html
