Html 有没有办法让图片在悬停时同时作为链接进行更改？

我试过这个

.home {
width: 100px;
height: 100px;
background-image: url("---");
}
.home:hover {
background-image: url("xxx");
}
</style>

<a href="link"><div class="home"></a>

.home{
宽度：100px；
高度：100px；
背景图片：url（“--”）；
}
.主页：悬停{
背景图片：url（“xxx”）；
}

---

。。。图像在悬停时会更改，但单击时链接不起作用。

是的，您可以在

：悬停时更改
背景图像


.bg\u链接{
显示：块；
高度：200px；
背景：url(https://dummyimage.com/600x400/000/000000)中心/盖；
}
.bg_链接：悬停{
背景：url(https://dummyimage.com/600x400/d145d1/d145d1)中心/盖；
}
您可以在鼠标悬停事件中使用Javascript更新HTML锚元素的链接（href属性）。您是否已经尝试使用Javascript来执行此操作？您好，
href=“link”
希望做什么？