html - 使用 rgba 作为背景图像

Question

可能重复：
来自不透明图像的半透明背景

我想使用 rgba 但我没有纯色背景，因为我使用的是图像。是否可以将图像不透明度设置为部分模糊，然后在内部包含一个 100% 不透明度的 div 而没有任何继承。

#container2 {


position: absolute;
margin-top: 0px;
    height: 600px;
margin-top: 50px;
margin-left: 0px;
margin-right: 50px;
    width: 1000px;
background-image:url(../images/container2_yellow_nailed.png);
 } 

Answer 1

目前 CSS 不支持控制背景图片的不透明度。

您可以通过使用具有相同尺寸、opacity指定并位于您的元素下方的额外元素来实现类似的效果。