0

我有这个代码：

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

并希望在用户悬停 div 时显示该图像。我该怎么做 ？随意使用/添加（如果需要）id 到元素、JQuery 和 CSS。

4

4 回答 4

5

这？（纯CSS）

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

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

于 2013-02-05T22:03:59.943 回答
2

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

CSS：

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

jQuery：

$('.bigroundlink').hover(function(){
    $(this).children('.cross').show();
});
于 2013-02-05T22:04:27.730 回答
2

与 jquery 一起工作得很好！

 $(document).ready(function(){
    $(".bigroundlink").hover(function(){
        $(".bigroundlink .cross").show();
    });
 });
于 2013-02-05T22:06:16.917 回答
0

所以，你需要

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

还有 impl .fadeTo jquery 效果

于 2013-02-05T22:09:34.617 回答