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

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 
} 

您也可以使用inline-block的。这更接近于正常图像适合页面的方式。