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

Question

我有这个html代码

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

这是我的CSS

#mybox{
   background-color:green;
}

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

问题是如何在不改变代码结构的情况下，仅使用css在鼠标悬停事件时隐藏div(aaaaaaa)的内容我想我应该在 #mybox:hover 下放一些代码，但我不知道代码

在此先感谢您的帮助

Answer 1

如果不更改标记或使用 JavaScript，您几乎必须像 knut 提到的那样更改文本颜色，或设置文本缩进:-1000em；

IE6 不会读取 anchor 元素以外的任何元素上的 :hover 选择器，因此您将不得不使用类似 Dean Edwards' IE7 的东西。 .

实际上，您最好将文本放在某种元素中(例如 p 或 span 或 a)并设置在悬停时 display: none;。