当父元素具有不透明度时，在子元素上禁用不透明度

一尘不染

css

我有一个不透明度为0.8 的容器。在背景上，我的图像通过内容div发光。现在，我在此 容器中
有我的客户的照片。问题在于，它使用父元素的不透明度，因为此图像的不透明度只是相对于容器而不是相对于主体。

我有以下代码：

<div id="contentContainer" style="background: #FFFFFF; opacity: 0.8">
    Content ...
    <img src="..." style="opacity: 1.0" alt="Photo" />
</div>

如下所述，这不起作用。

有人知道吗？

阅读 190

2020-05-16

共1个答案

一尘不染

通过将其更改为以下内容解决了此问题：

<div id="contentContainer" style="background: rgba(255,255,255,0.8);">
    Content ...
    <img src="..." alt="Photo" />
</div>

仅使用rgba alpha而不是不透明度。现在可以了。

2020-05-16