容器内容的不透明度

Question

我有一个background-color带有CSS 的集合的容器.在这个容器中有另外4个div.我想显示具有0.5不透明度的容器.但是,当我这样做时,容器的内容也会以0.5不透明度显示.有什么办法可以完全不透明地显示容器内容吗？

Answer 1

CSS 3引入了rgba颜色.您可以将它们与半透明PNG背景图像组合以实现向后兼容性.

#alpha {
    background: url(blue_0.5_pixel.png);
    background: rgba(0%, 0%, 100%, 0.5);
}