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

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
}

您也可以使用内联块。这更类似于正常图像如何适合页面。