Html 更改：悬停时的：链接背景图像

我正在尝试将背景图像设置为，以便在链接悬停时更改链接。基本上，悬停图像是一种不同的颜色，所以我只是尝试改变图像的颜色，这在我所知道的任何情况下都是不可能的，所以我将交换图像

显示徽标的代码：

和CSS：

标志{ 位置：绝对位置； 显示：块； 边缘顶部：10px； 左边距：10px； 背景：url'../img/logo.png'不重复； 宽度：60px； 高度：60px； } 标志a：悬停{ 背景：url'../img/logo blue.png'不重复； } 有没有更好的方式让我可以更轻松地展示这个标志

编辑添加的标题CSS：

标题{ 高度：75px； 文本对齐：右对齐； 位置：相对位置； } 收割台h2{ 字号：2.5em； 字体大小：400； 文本转换：大写； 字母间距：0.1米； 填充顶部：15px； } 将其从logo:hover更改为logo:hover，因为您的元素就是logo元素

此外，还有一些其他提示：

缩进CSS以便于区分属性与选择器和其他规则集。 将CSS引用的图像和其他资产与样式表放在同一个目录中，这样您就不需要相对的URI，并且可以将所有内容放在一起。 你为什么使用位置：绝对；没有上/右/下/左属性？你想达到什么效果？

---

css精灵。将两个图像合并成一个并排有徽标的图像。要设置悬停样式，请使用背景位置重新定位背景图像。这保存了一个http请求。啊！很好。CSS通常在我的编辑器中缩进，只是在发布到该站点时丢失了这些缩进。我用position:absolute来保持我的徽标图像和标题对齐。徽标向左对齐，标题向右对齐。我已经将我的问题添加到标题CSS中。