当鼠标悬停在DIV上时,如何防止DIV向下滑动

时间:2012-10-15 15:50:36

标签: css html hover

当我将鼠标悬停在DIV上时,我遇到了一些麻烦,下面的DIV在DIV下方向上滑动,我正在盘旋。怎么能让他们做到这一点?

这是一个jsfiddle来说明问题。

2 个答案:

答案 0 :(得分:0)

在你的CSS中:

.calendar-event:hover {
    overflow: visible;
    background: none repeat scroll 0 0 #FAFAFA;
    border: solid 1px #999999;
    width: auto;
    line-height: 1.5em;
    height: auto;
    position: absolute;
}

问题是最后一个属性。删除"位置:绝对;&#34 ;;这导致div逃离浏览器的正常定位流程。

答案 1 :(得分:0)

我在尝试修复另一个问题时无意中解决了这个问题:

我改变了这个:

.calendar-event:hover { overflow: visible; background: none repeat scroll 0 0 #FAFAFA; border: solid 1px #999999; width: auto; line-height: 1.5em; height: auto; position: absolute; }

到此:

.calendar-event:hover .event-title { overflow: visible; background: none repeat scroll 0 0 #FAFAFA; border: solid 1px #999999; width: auto; line-height: 1.5em; height: auto; position: absolute; }

它解决了我的问题。