我正在制作一个包装器 div 包装我的所有内容，我给我的包装器一个背景纹理，我想给它不透明度。但是，当我为我的包装器设置不透明度时，它的所有子级、包含文本和图像的 Web 内容都变成了半透明，我怎样才能只将透明度设置为父级？
问问题
2721 次
4 回答
2
不要 user opacity，好像会过滤掉。改为使用带有 alpha 的背景颜色。
background-color: rgba(255,255,255,0.5);
由于您使用的是图像，因此最好的选择可能是将透明度烘焙到图像中（很糟糕，因为您不能褪色等），或者尝试将孩子移出纹理 css 的级联线。
于 2012-11-29T10:43:13.293 回答
2
嗨，我提到了可以增加和减少parent container背景不透明度的属性，这不会影响child container. 很简单，基本上你必须使用rgba这里的 cssrgb作为背景颜色和a-alpha不透明度。
CSS
background:rgba(0,0,0,0.1);
于 2012-11-29T10:46:45.453 回答
0
如果一个元素是透明的，那么它包含的所有内容都是透明的。
听起来你真正想要的是一个半透明的背景。如果它是您正在使用的纹理，那么您需要使用图像编辑工具使纹理半透明并将其保存为 PNG。
于 2012-11-29T10:42:37.130 回答
0
这两行对我有用。你可以在css中使用它。
CSS
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
于 2021-09-01T07:16:14.417 回答