Question

所以我遇到了一些问题，鼠标悬停工作但我需要更多的东西，它必须在背景改变时删除它的内容。

#Test01{
background: url(../img/Test01.png);
float: left;
display: block;
height: 297px;
width: 319px;
} 
#Test01:hover {
background: url(../img/Test01hover.png);
}

<div id="Test01"><div id="test01content">lot's of bla bla bla bla bla</div></div>

所以这个div的内容应该在鼠标悬停时消失。

THX

Answer 1

尝试使用Javascript来实现它，而不是使用CSS，

$("#Test01").hover(function(){
   $(this).css("background-image", "url(../img/Test01hover.png)")
   $(this).empty();
});

Answer 2

尝试使用jQuery

$("#Test01").mouseover(function(){
   $(this).empty();
});

<div>必须在mouseover </div>上“删除”其内容

2 个答案: