html - 容器内内容的不透明度

Question

我有一个用 CSS 设置了 background-color 的容器。在这个容器中还有 4 个其他 div。我想以 0.5 不透明度显示容器。但是，当我这样做时，容器的内容也会以 0.5 不透明度显示。有什么方法可以完全不透明地显示容器内容？

Answer 1

CSS 3 介绍 rgba colours .您可以将它们与 translucent PNG 结合使用backwards compatibility 的背景图片.

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