Добавление черного наложения к изображению, которое не является фоном. Wordpress posts plugin

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; 
}