gpt4 book ai didi

html - 当父元素具有不透明度时禁用子元素的不透明度

转载 作者:技术小花猫 更新时间:2023-10-29 11:42:59 25 4
gpt4 key购买 nike

我有一个不透明度为 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,255,0.8);">
Content ...
<img src="..." alt="Photo" />
</div>

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

关于html - 当父元素具有不透明度时禁用子元素的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19457057/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com