Вот еще одно решение, использующее контейнер div для img при использовании :hover::after
для достижения эффекта.
HTML следующим образом:
CSS следующим образом:
#img_container {
margin:0;
position:relative;
}
#img_container:hover::after {
content:'';
display:block;
position:absolute;
width:300px;
height:300px;
background:url('');
z-index:1;
top:0;
}
Чтобы увидеть его в действии, проверьте скрипт Я создал. Просто, чтобы вы знали, что это кросс-браузер, и нет необходимости обманывать код с помощью «поддельного контента».