將黑色覆蓋圖添加到不是背景圖片的圖片wordpress帖子插件

Question

我想爲不是背景圖片的圖片添加黑色覆蓋圖。

我用下面的代碼試過，但不起作用，

background-color: black, opacity: 0.5;

我也不能躺在頂部的另一個DIV因爲它是一個插件，有時需要一點時間來加載

這是當前的CSS代碼它

.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

你應該使用僞元素 「：後」：

個

僞構件不能在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; 
}