我有这个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;悬停