带有一个图像的HTML CSS悬停图像链接

Question

用户Alois Madhal为试图创建悬停图片的人发布了一条很棒的建议。我想使用相同的技术，但作为图像链接。可能吗？我尝试过各种各样的方法，但我认为我必须遗漏一些明显的东西。以下是Alois提供的信息：

 <style>
    #tuxie {
        width: 25px; height: 25px;
        background: url('images/tuxie.png') no-repeat left top;
    }
    #tuxie:hover { background-position: -25px 0px }
</style>

<div id="tuxie" />

Answer 1

绝对

您需要做的只是像通常那样使用<a href="...">链接。

重要的是将display:inline-block添加到链接的样式中。这将允许您应用宽度和高度。