当前位置: 首页 > 面试题库 >

父div透明背景,但不影响子div透明

竺焕
2023-03-14
问题内容
some stuff, images etc
.container{
    background-color:#333;
    }

我想要的是让.container div具有80%的不透明度,但是.site_content的内容为100%

设置CSS不透明度会影响所有子元素。有办法吗?使用jQuery吗?

由于此方法的使用方式,我宁愿避免在后面放置另一个透明div来获得效果的技术。


问题答案:

您需要在容器div上使用RGBA背景属性。background: rgba(64, 64, 64, 0.5)。64、64、64是RGB颜色值。0.5是不透明度值。现在,父母可以拥有不影响孩子的自己的不透明度值。FireFox,Opera,Chrome,Safari和IE9完全支持此功能。

在查看工作示例

为了支持IE 5.5到8,我们需要使用特定于供应商的CSS“渐变过滤器”:因此,您需要添加它。

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);

其中7f代表127,即50%不透明度,而404040是颜色。



 类似资料:
  • 问题内容: 嘿,我正在Google搜寻,但我找不到完美的答案 我想在父级DIV中设置不透明度,但在子级DIV中不设置透明度 例 的HTML CSS 注: - 我想 背景图像 中没有颜色 问题答案: 如果您在伪类中定义 背景图像 ,可能会很好。这样写:

  • 问题内容: 我正在使用CSS attrubutes: 不透明度:.9; 使DIV透明,但是当我在该DIV中添加另一个DIV时,它也使其透明。 我想使外部(背景)DIV仅透明。怎么样 ? 问题答案: 内部DIV无法撤消外部DIV的不透明度属性。如果要实现透明度,请使用或: 外层div: 内部div: 编辑 因为您已经添加了问题,所以我假设您还想要IE(旧版本)的有效解决方案。这应该可以工作(IE的最

  • 我没有使用 CSS3。所以我不能使用或属性。如果不使用这些属性,如何使 透明?它应该是此链接中的文本框示例。此处的文本框背景色是透明的。我想做同样的事情,但不使用上面提到的属性。

  • 通过使用启用透明背景功能,可以使用自定义图片作为背景。 controller.setTransparentBackground( true );

  • 问题内容: 我想在不影响IE 8中包含元素的情况下设置div背景的不透明度。有任何解决方案,并且不回答设置1 X 1 .png图像并设置该图像的不透明度,因为我使用的是动态不透明度,并且颜色管理可以更改那 我用过但在IE 8中无法使用 和 也。 问题答案: 该风格的影响在它整个元素和一切。正确的答案是改用rgba背景色。 CSS非常简单: …前三个数字是背景色的红色,绿色和蓝色值,第四个数字是“

  • 问题内容: 所以我有一个问题。我环顾四周,环顾四周,但没有运气。我想使我的身体背景透明,但使文本不透明。现在,我保持相同的不透明度。这是我的代码: 问题答案: 不要为此使用,而是将背景设置为RGBA值,以仅使背景半透明。在您的情况下将是这样。