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

概述我有一个不透明度为0.8的容器。在背景，我有一个照耀内容div的图像。 现在，我在这个容器里有一张我的客户的照片。问题是，它使用父元素的不透明度，因为这个图像的不透明度只是相对于容器而不是身体。 我有这个代码： <div id="contentContainer" style="background: #FFFFFF; opacity: 0.8"> Content ... <img 我有一个不透明度为0.8的容器。在背景，我有一个照耀内容div的图像。
现在，我在这个容器里有一张我的客户的照片。问题是，它使用父元素的不透明度，因为这个图像的不透明度只是相对于容器而不是身体。

我有这个代码：

<div ID="contentContainer" >    Content ...    <img src="..."  alt="Photo" /></div>

这不起作用，如下所述。

有人有想法吗？

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

<div ID="contentContainer" >    Content ...    <img src="..." alt="Photo" /></div>

只使用rgba Alpha而不是不透明度。现在它有效

总结

以上是内存溢出为你收集整理的html – 当父元素具有不透明度时,禁用子元素的不透明度全部内容，希望文章能够帮你解决html – 当父元素具有不透明度时,禁用子元素的不透明度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。