我也遇到了类似的问题，我只是用photoshop把背景图片用我需要的不透明度创建了一个新的。png。问题解决了，不用担心我的CSS是否在所有设备和浏览器上工作

我也遇到了类似的问题，我只是用photoshop把背景图片用我需要的不透明度创建了一个新的。png。问题解决了，不用担心我的CSS是否在所有设备和浏览器上工作

我也遇到过类似的问题。我有一张图片，想要降低透明度，并在图片后面设置一个黑色背景。而不是减少不透明度或创建黑色背景或任何二级div，我设置了一个线性渐变的图像在一行:

背景:0、0、0、0、8)0%、rgba(0、0、0、0、0、0、0、0、0、0、0。

好吧，唯一的CSS方式只做背景透明是通过RGBa，但因为你想使用图像，我建议使用Photoshop或Gimp使图像透明，然后使用它作为背景。

我刚刚在#main中添加了position=absolute,top=0,width=100%，并设置不透明度为#background

#main{height:100%;position:absolute; top:0;width:100%}
#background{//same height as main;background-image:url(image URL);opacity:0.2}

我在主元素之前应用了一个div背景。

#main {
    position: relative;
}
#main:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}