<!DOCTYPE html>
<html>
<head>
<style>
.main {
background-image: url('a.jpg');
}
.main:hover {
background-image: url('b.jpg');
}
</style>
</head>
<body>
<div class="main">
</div>
</body>
</html>
当我加载页面时，我的 a.jpg 根本没有出现，因此没有悬停效果
是不是我的代码有问题？
最佳答案
您的代码没有任何问题。第一张图片被重定向到主网站，因此您没有加载图片。您必须在本地托管它。我使用了不同的图像，但效果很好。
关于css - 悬停时更改图像，使用 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17713480/