Question

我希望有两个不透明的div。一个存在，一个存在，当一个。徘徊。 - ＆GT;由于不透明度，当第二个div出现时，第一个div需要消失，以便不可见。

我试过这样做：

<div id="box">
    <a href="#" class="infobox">Hover me<div class="HideNseek">This is hidden.</div></a>
</div>

#box {
    background-color: rgba(0,0,0,0.6);
    height: 480px;
    width: 600px;
    padding: 15px;
    float: left;
    margin-left: 200px;
    margin-top: 120px;
}
a.infobox {
    position: relative;
    text-decoration: none;
}
a.infobox div.HideNseek {
    display: none;
    z-index: 100;
}
a.infobox:hover div.HideNseek {
    display: block;
    background-color: rgba(0,0,0,0.6);
    height: 480px;
    width: 600px;
    padding: 15px;
    float: left;
    margin-left: -15px;
    margin-top: -34px;
}

如何让第一个div消失？

Answer 1

使用jQuery -

$('.infobox').hover(function(){
   $(this).parent('div').hide();
});

重新出现：

$('.infobox').hover(function(){
   $(this).parent('div').hide();
},function(){
   $(this.parent('div').show())
});

如何让div在悬停时消失，另一个出现？

1 个答案: