Как покрасить изображение при наведении курсора?

Question

новичок, и я пытаюсь изменить цвет RSS значка фона в оранжевый я сделал отдельный значок с оранжевым фоном, но я не знаю, как это сделать Вот мой код HTML: http://pastebin.com/bPZf8DmA CSS: http://pastebin.com/kwyAnygJ Большого спасибо !

Answer 1

Если вы пытаетесь изменить фон прозрачного изображения (я не имею доступ к изображениям, так что я не могу быть уверен), вы можете просто добавить background-color в :hover состояния, например, так:

http://jsfiddle.net/ryanpcmcquen/we3d9h8o/

img:hover { 
 
    background-color: purple; 
 
}

<img src="https://clbin.com/VMHNmx.png" />

EDIT:

Теперь, когда вы в пример, это должно работать для вас (подкачка background-image с CSS):

http://jsfiddle.net/ryanpcmcquen/L1nkh00e/

.rss__icon { 
 
    width: 32px; 
 
    height: 32px; 
 
    background-image: url(https://clbin.com/LSluSU.png); 
 
} 
 
.rss__icon:hover { 
 
    background-image: url(https://clbin.com/5B1Mhb.png); 
 
}

<div class="rss__icon"></div>

Хотя, было бы еще лучше читать на CSS спрайты: https://css-tricks.com/css-sprites/