Onmouseover с использованием гиперссылок

Question

У меня есть гиперссылка и 2 изображения (одно - это нормальное изображение ссылки, а другое - изображение при наведении мыши)

Я не могу понять, как заставить изображение гиперссылки изменить изображение при перемещении.Я знаю, что могу сделать это с помощью тега 'a', но этот тег не поддерживает это: '~ / Site / Page.aspx', поэтому, если я хочу перемещаться по папкам, мне нужно использовать '../../Site/Page.aspx ', что является неточным.

Так как я могу изменить изображение с помощью кнопки asp: hyperlink?

Answer 1

Не. Используйте css:

a {
  background-image: url(images/image1.jpg);
}
a:hover {
  background-image: url(images/image2.jpg);
}

Разумеется, используйте только определенные селекторы для вашего случая.

Answer 2

Я бы также порекомендовал маршрут CSS, однако, чтобы избежать задержки при загрузке изображения, вы можете объединить два изображения в один файл с помощью редактора изображений и использовать 'background-position' для переключения видимой части изображения.