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

前端之家收集整理的这篇文章主要介绍了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;悬停

猜你在找的HTML相关文章