背景画像ではない画像に黒いオーバーレイを追加するwordpressはプラグインを投稿します

Question

背景画像ではない画像に黒いオーバーレイを追加したいと思います。

私はそれはプラグインだと時々ロードするために少し時間がかかるように私もそれの上に別のdivを置くことができない、次のコードを使用してみましたが、動作しません、

background-color: black, opacity: 0.5;

これはあなたが擬似要素を使用する必要があり、それ

.flexslider .slides img { 
max-height: 700px; 
padding-bottom: 0px; 
width: 100%; 
background-color: black; 
margin-top: -2%; 
    background-color: rgba(0, 0, 0, 0.5) !important; 

Answer 1

の現在のCSSコードである "：後に"：

の

擬似要素は、IMGで使用するカント、あなたは親のdivに

.flexslider .slides{ 
    //blablabla 
    display : inline-block; 
    position : relative; 
} 

.flexslider .slides:after{ 
    position : absolute; 
    content : " "; 
    top : 0; 
    left : 0; 
    height : 100%; 
    width : 100%; 
    background-color : black; 
    opacity : 0.5; 
}