悬停时的黑暗背景不透明度

Question

我有这个CSS。当您悬停图像背景时会变成白色不透明度，但我希望它能够变成黑色不透明度。我尝试添加深色背景颜色，但没有。

.img-container .img-item a.image:hover img {
   opacity: .2;
   filter: alpha(opacity=50);
   background-color: rgba(0, 0, 0, 0.5);
   transition: all 1s;
   -webkit-transition: all 1s;
    }

Answer 1

将你的img放入一个bg颜色为黑色且不透明度为0.5的div中 并给div的z-index一个比img更大的值。

#imgcontainer
{
opacity:0.5;
background-color: Black;
z-index:10;
}
#imgcontainer img
{
      Z-index: 5;
}

Answer 2

您无法为图片添加背景，相反，您可以在父元素中添加background-color。