在mouseout上鼠标悬停/取消扩展时扩展DIV

时间:2011-08-03 16:33:30

标签: html hover mouseover expand contract

I found this Q/A,

但是当我根据http://jsfiddle.net/6PDEA/4/看到我的用法进行修改时,最底层的div不会保持关闭状态。有人可以帮忙吗?

编辑:第一个答案解决了“扩展加载”问题,但不是最底层的DIV


编辑2:最终工作代码:http://jsfiddle.net/6PDEA/5/

修正了底层DIV问题。我刚刚在它下面添加了另一个DIV,其空白图形大小为785w x 30h。

1 个答案:

答案 0 :(得分:1)

你的CSS错了:

不应该是

div#fp-cat {
   height: 30px;
   width: 785px;
}

但是:

div.fp-cat {
   height: 30px;
   width: 785px;
}

因为fp-cat是各种div共享的类......