这个问题可能是由于 JS 中的代码造成的。在 CSS 中定义背景图像和 hover 背景图像,然后使用 JS 切换它们,可以使用以下代码:
HTML 代码:
CSS 代码:
#toggle-button {
background-image: url(original-image.jpg);
}
#toggle-button:hover {
background-image: url(hover-image.jpg);
}
JS 代码:
var button = document.getElementById('toggle-button');
button.onclick = function() {
if (button.style.backgroundImage === 'url("original-image.jpg")') {
button.style.backgroundImage = 'url("hover-image.jpg")';
} else {
button.style.backgroundImage = 'url("original-image.jpg")';
}
};
这里,我们查询按钮的背景图像是否等于原始背景图像。如果是,切换为 hover 背景图像,否则切换回原始背景图像。这样就可以保证背景图像可以正常切换并返回到原始背景图像。