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" />

编辑：

现在您提供了示例，这应该适合您（使用css交换background-image）：

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 sprites会更好：https://css-tricks.com/css-sprites/

如何在悬停时为图像着色？

1 个答案: