css - 我可以在同一属性中设置背景图像和不透明度吗？

Question

我可以在 CSS 引用中看到 how to set image transparency和 how to set a background image .但是我怎样才能将这两者结合起来以设置透明背景图像呢？

我有一张图片想用作背景，但它太亮了 - 我想将不透明度降低到大约 0.2。我该怎么做？

#main {
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
}

Answer 1

#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;
}