Все, что мы хотим, это родительский элемент над дочерним. Вот как вы это делаете.
Вы помещаете img
в span
, устанавливаете z-index & position
для обоих элементов и дополнительно display
для диапазона. Добавьте hover в span
, чтобы вы могли проверить его, и вы его получили!
HTML:
<span><img src="/images/"></span>
CSS
span img {
position:relative;
z-index:-1;
}
span {
position:relative;
z-index:initial;
display:inline-block;
}
span:hover {
background-color:#000;
}