使用rgba作为背景图片

Question

  

可能重复：
  Translucent background from opaque image

我想使用rgba，但由于我使用图像，因此我没有扎实的背景。是否可以将图像不透明度设置为部分模糊，然后在内部包含100％不透明度而没有任何继承。

#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已指定，并且将位于您的元素下。