如何使父母透明而不是孩子？

Question

我正在制作一个包装div包裹我的所有内容，我给我的包装器一个背景纹理，我想给它不透明。然而，当我将不透明度设置为我的包装器时，其所有子项，包含文本和图像的Web内容都变为半透明，我如何才能将透明度设置为父项？

Answer 1

请勿使用opacity，就像过滤掉一样。请使用带alpha的背景颜色。

background-color: rgba(255,255,255,0.5);

由于你正在使用一个图像，你最好的选择可能是将透明度烘焙到图像中（很糟糕因为你不能褪色等），或者尝试将这些孩子移出纹理css的级联线。

Answer 2

您好我提到的属性可以增加和减少parent container背景的不透明度，这不会影响child container。很简单，看看css基本上你必须使用rgba这里rgb来获取背景和背景颜色。 a-alpha表示不透明度。

CSS

background:rgba(0,0,0,0.1);

DEMO

Answer 3

如果元素是透明的，那么它包含的所有内容都是透明的。

听起来你真正想要的是一个半透明的背景。如果它是您正在使用的纹理，那么您将需要使用图像编辑工具使纹理半透明并将其另存为PNG。