如何在CSS中制作颜色不透明度？

Question

我有这个网站：

http://avocat.dac-proiect.ro/wp/?page_id=10

目前您已将箭头放在图像悬停效果上。

    .container_sus img:hover{
    opacity:0.5;
}

.container_jos img:hover{
    opacity:0.5;
}

不透明度是灰色的......我想成为一个蓝色的阴霾。

我附上了一张图片，以便更好地了解他们的目标。

http://i59.tinypic.com/j7t2e8.png

我该如何解决这个问题？

你能帮我吗？

提前致谢！

Answer 1

        *{
            box-sizing: border-box;
        }
        body{
            margin: auto;
        }
        .container{
            width: 100%;
            height: 500px;
            background: url(https://images.pexels.com/photos/206959/pexels-photo-206959.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
            background-size: cover;
            background-position: center;
            display: flex;

        }
        .container:before{
            content: "";
            background: #e2c336;
            width: 100%;
            opacity: 0.5;
        }

Answer 2

现在它正在显示页面背景的白色。您需要背景颜色为所需蓝色的完全不透明度。然后将其添加到父li标签，如下所示：

.lista_sus li {
display: inline-block;
position: relative;
margin: 0px 9px 5px 0px;
background-color: #041067;  /* this is just a sample - the color you put here would be the full opacity blue you want */
}

Answer 3

将此css添加到样式表中：

.lista_sus li {
    background: #674172;
}