DIV 위로 마우스를 가져 가면 DIV가 아래 위로 움직이지 않게하는 방법

Question

DIV 위에 마우스를 올리면 약간의 문제가 있습니다. 아래에있는 DIV는 DIV 아래로 위로 올려 놓습니다. 어떻게 할 수 있습니까?

문제를 설명하기 위해 여기에 jsfiddle이 있습니다. 당신의 CSS에서

Answer 1

내가 실수로이 문제를 해결 다른이에

.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; }

을 그리고 그것은 내 문제를 해결 .

Answer 2

:

.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가 브라우저의 일반적인 위치 지정 흐름에서 벗어납니다. 해결하는 동안