当图像悬停时如何在悬停时显示图像？

Question

这是我的代码：

<a class="image_show" href="#"></a>

.image_show:
    background-image: url("/images/img.png");
    display:block;
}

. image_show:hover {
    background-image: url("/images/img2.png");
    display:block;
}

除非那里有文字，否则上述解决方案不会显示图像。如何在锚标记中显示没有文字的图像？

Answer 1

待办事项

.image_show {
   display: block;
   width: 123; // width of your image
   height: 123; // height of your image
}

您也可以使用内联块。这更像是普通图像在页面中的适用方式。