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标签上的嵌入样式

Answer 2

如果不显示img，则需要为DIV设置宽度和高度。然后：

CSS：

.bigroundlink {
    width:100px;
    height:100px;
}

jQuery的：

$('.bigroundlink').hover(function(){
    $(this).children('.cross').show();
});

Answer 3

使用jquery工作得非常好！

 $(document).ready(function(){
    $(".bigroundlink").hover(function(){
        $(".bigroundlink .cross").show();
    });
 });

Answer 4

所以，你需要

$(function() {
$(".bigroundlink").hover(
});