当父元素具有不透明度时，在子元素上禁用不透明度
我有一个不透明度为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而不是不透明度。现在可以了。
-
问题内容： 在上面的示例中，的不透明度由子元素继承，导致文本几乎变得不可读。我想说它是继承的是错误的，不透明度应用于父div，而子元素是其中的一部分，因此尝试从子元素覆盖它是行不通的，因为从技术上讲，它们是不透明的。 在这种情况下，我通常只使用alpha png背景图像，但是今天我想知道是否有更好的方法可以使div的背景半透明而不影响内容。 问题答案： 您可以使用rgba（）。 要使其在旧的Int
-
问题内容： 我想为父级应用不透明度，但是我不希望子元素继承这种不透明度。 有没有办法“取消”继承的不透明度？也许将其强制用于子元素？ 问题答案： 如果孩子的不透明度为1，则孩子的不透明度将始终是父对象的不透明度。 继承不是问题，而是不透明度的计算方式。 例如， 从您的角度来看，的不透明度与的不透明度相同，但实际上是的不透明度的两倍。 避免这种情况的唯一方法是将孩子移出父母。另外，根据您的需要，也可
-
本文向大家介绍当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？相关面试题，主要包含被问及当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？时的应答技巧和注意事项，需要的朋友参考一下 当父元素使用opacity时，子元素也会继承该透明度，即使重新设置透明度也不行。楼上的两种方法要么是放弃使用opacity，要么是放弃使用父子关系。但这
-
本文向大家介绍五现在想调节一下父元素的透明度，但是又不影响子元素的透明度，怎么破？相关面试题，主要包含被问及五现在想调节一下父元素的透明度，但是又不影响子元素的透明度，怎么破？时的应答技巧和注意事项，需要的朋友参考一下 方法1：用RGBA 方法2：再加一层与父元素同级的div装载子元素 定位到子元素原位置
-
问题内容： 创建具有子元素的透明元素时遇到问题。使用此代码，子元素将从父元素获取不透明度值。 我需要将孩子的元素不透明度重置/设置为任意值。参考的浏览器为。 编辑标记 问题答案： 您可能遇到的问题（基于查看选择器）是不透明度会影响父对象的所有子元素： 但是有解决方案！使用rgba背景值，您可以随时随地保持透明:) 对于文本，您可以只使用相同的rgba代码，但是将其设置为CSS的color属性： 但
-
问题内容： 如何与决定在HTML堆叠元素的订单时，有关系吗？ 当我保持小于由具有一些元件上的发言权。元素落后于没有元素的元素。 问题答案： 具有“自动”以外的z索引值的定位元素和不透明度值小于1的元素将生成堆叠上下文。请参阅有关喷漆顺序的规则。 在您的第一个示例中，我们具有带有多个后代的根堆栈上下文，包括： 定位的Z-index为正的绿色框 带有z-index的蓝色框 带有z-index 的蓝色框