javascript - 将鼠标悬停在另一个对象上时更改显示CSS

这是我的HTML代码。

<img src="images/maxicon.png" class="iconimg" width="100%" alt="">
<a href="#"><img src="images/link.png" class="linkimg" alt=""></a>

这是CSS：

.linkimg {
    display: none;
}

.iconimg:hover  .linkimg {
    display: block;
}

我已经尝试了几种关于stackoverflow的解决方案，但是那根本行不通。我也尝试了〜和+方法。我不确定为什么它不起作用。
我想要做的是，当我将鼠标悬停在.iconimg上时，我希望显示.linkimg。最初.linkimg被隐藏。

最佳答案

如果使用sprite css标记，则需要使用<img>，否则有时悬停图像可能需要花费一些时间才能加载。在那一刻，用户变得空白。在sprite css中，您只需要更改background-position。