DIVにカーソルを合わせると、問題が発生します。下にあるDIVは、カーソルを合わせているDIVの下にスライドします。どうすればトップはこれを行うことができますか?
これが問題を説明するためのjsfiddleです。
DIVにカーソルを合わせると、問題が発生します。下にあるDIVは、カーソルを合わせているDIVの下にスライドします。どうすればトップはこれを行うことができますか?
これが問題を説明するためのjsfiddleです。
別の問題を修正しようとしたときに、誤ってこの問題を解決しました。
私はこれを変更しました:
.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;
}
そしてそれは私の問題を解決しました。
あなたの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;
}
問題は最後のプロパティです。「position: absolute;」を削除します。これにより、div がブラウザーの通常のポジショニング フローからエスケープされます。