html - moseoverのコンテンツを「削除」する必要があります

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は、マウスオーバーを実行するときに削除する必要があります。

どうも

Answer 1

CSSを使用する代わりに、Javascriptを使用してそれを実現してみてください。

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

Answer 2

jQueryを使用してみてください

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