CSS背景不透明

2018-07-02 01:12:27

这个问题在这里已经有了答案：

CSS不透明只是背景颜色而不是文字？ [复制] 11个回答

要仅在背景上使用不透明度，您不要使用opacity因为这也会影响您应用它的所有容器的子项。

要仅在背景颜色上使用不透明度，您必须使用rgba()格式的颜色定义。例如，如果你想要0.5的白色背景色和不透明度，这将是rgba：

rgba(255,255,255,0.5);

在你的CSS例子中，放

background-color: rgba(225,222,222,0.6);

并删除

opacity: 0.6;

你应该使用background: rgba(0-255,0-255,0-255,0-1) 。

如果将不透明度应用于父级，则不透明度会影响所有子元素。

像这样尝试：

.wrapper{
background:rgba(0,0,0,.5) url(...);
}

不要为父div使用opacity ，而应使用rgba()来制作透明背景，这不会影响所有子元素。

链接地址: http://www.djcxy.com/p/89347.html