如何使用 CSS 交换单选按钮上的图片

Question

我正在为我的网站制作一个带有一些单选按钮的表单。我已经用图片替换了单选按钮，但我想更进一步，让这些图片在人们悬停它们时发生变化。

我尝试使用此代码：

.class : hover {

   image-background: url('http://hover-picture.jpg'); 
}

但是这个问题是“悬停图片”留在后面，所以它没有覆盖我想要替换的图片。

Answer 1

应该是背景图片

   .class:hover {
       background-image: url('http://hover-picture.jpg');
    }

如果我错了，请发表评论。希望它有效！