Onmouseover使用超链接

Question

我有一个超链接和2张图片(一个是链接的正常图片，另一个是它的onmouseover图片)

我不知道如何在鼠标悬停时更改超链接的图片。我知道我可以用'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”切换图像的可见部分。