圖像懸停時，如何在懸停時顯示圖像？

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的。這更接近於正常圖像適合頁面的方式。