Как показать изображение при наведении, когда изображение зависает?

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 
} 

Вы также можете использовать встроенный блок. Это более похоже на то, как нормальное изображение будет вписываться в страницу.