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

小编典典

css

some stuff, images etc

.container{
    background-color:#333;
    }

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

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

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

阅读 363

2020-05-16

共1个答案

小编典典

您需要在容器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是颜色。

2020-05-16