将不透明度设置为背景图像和背景颜色

Question

是否可以将背景图像保持100％不透明度并使背景色为50％不透明度？

.smallIcons{
    background-color: #f00;
    opacity: 0.5; // 50% background
    background-image: url(../twiter.png); // 100% here
    background-repeat: no-repeat;
}

Answer 1

将M.N/2替换为O[]解决了问题：

O[]

此外，如果你正在使用sass，你可以将颜色变量分配如下

opacity: 0.5;

代表未来读者发表。

Answer 2

检查此Css。最简单的方法

 .class {
   background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)
    ),url(image.jpg) no-repeat center top;
    }