在<div>悬停上显示<img>

Question

我有这个代码:

<div class="bigroundlink" >
    <img class="cross" src="img.png" style="position:absolute; display:none;" />
</div>

并且想要在用户悬停div时显示该图像.我该怎么做 ？随意使用/添加(如果需要)id到元素,JQuery和CSS.

Answer 1

这个？(纯css)

.bigroundlink img { visibility: hidden; }
.bigroundlink:hover img { visibility: visible; }

并删除img标记上的嵌入样式