Как поменять фотографии на радиокнопку с помощью CSS

Question

Я делаю форму для своего сайта с некоторыми переключателями. Я уже заменил радиокнопки изображениями, но я хотел бы пойти дальше, сделав эти снимки меняющимися, когда люди их наводят.

Я пытался использовать этот код:

.class : hover { 

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

, но проблема с этим является то, что «парить-картинка» остается позади, так что это не покрывает картину, которую я хочу, чтобы заменить.

Answer 1

Это должно быть фоновое изображение

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

комментарий, если я ошибаюсь. Надеюсь, что это работает!