html – 如何在css中隐藏div的内容

我有这个HTML代码

<div id="myBox"> aaaaaaa </div>

这是我的css

#myBox{
   background-color:green;
}

#myBox:hover{
   background-color:red;
}

问题是如何隐藏div的内容(aaaaaaa)当鼠标悬停事件只使用css而不改变代码的结构
我想我应该把一些代码放在#myBox：hover下，但是我不知道代码

提前感谢帮助

解决方法

没有更改标记或使用JavaScript，您几乎不得不改变文本颜色，或者设置文本缩进：-1000em;

IE6将不会读取：锚点元素以外的其他任何选择器，因此您将不得不使用像Dean Edwards’ IE7这样的东西。

真的，你最好把文本放在某种元素(如p或span或a)中，并设置为显示：none;悬停