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

发布时间：2020-12-14 21:30:05 所属栏目：资源来源：网络整理

导读：我有这个html代码 div id="mybox" aaaaaaa /div 这是我的css #mybox{ background-color:green;}#mybox:hover{ background-color:red;} 问题是如何隐藏div的内容(aaaaaaa)当鼠标悬停事件只使用css而不改变代码的结构我想我应该把一些代码放在#mybox：hover下

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!