如何在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; 
}