如何在bxSlider中为图像添加叠加层

Question

我需要为bxSlider中的图像添加一个黑色叠加层，该图像将在mouseover上消失，我该如何去做这件事？

其他答案我也第一次看到用减仓.7不透明的形象，但有没有办法有一个黑暗覆盖ontop的是鼠标悬停消失，图像的类似以下网站：http://www.renegadecraft.com/

谢谢！

Answer 1

什么你要找的是image tint

.tint:before { 
    content: ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: rgba(0,255,255, 0.5); /* color you want, in this case, probably black */ 
    -moz-transition: background .3s linear; 
    -webkit-transition: background .3s linear; 
    -o-transition: background .3s linear; 
    transition: background .3s linear; 
} 

.tint:hover:before { 
    background: none; 
}