숨겨진 오버플로가 발생하는 부정적인 절대 위치 지정 (IE7/8)

Question

부정적 절대 위치 지정 div의 오버플로에 문제가 있습니다.

아래 그림은 내가 달성하고자하는 것을 나타냅니다. 주요 개체는 위치 : 상대적 div입니다. 두 개의 튀어 나온 화살표 탭은 위치 인 div입니다. 절대 값은 음수 값이므로 부모의 경계선 밖에 위치합니다.

IE7 및 IE8을 제외한 모든 브라우저에서 정상적으로 작동하며 상위 개체의 스타일이 오버플로 : 숨김 상태 인 것처럼 완벽하게 작동합니다.

HTML :

<div id='parent'> 
<div id='arrowLeft'></div> 
<div id='arrowRight'></div> 
</div> 

CSS :

#parent{ 
position:relative; 
width:600px; 
height:400px; 
} 

#arrowLeft{ 
width:40px; 
height:50px; 
position:absolute; left:-40px; top:50%; 
margin-top:-25px; 
} 

#arrowRight{ 
width:40px; 
height:50px; 
position:absolute; right:-40px; top:50%; 
margin-top:-25px; 
} 

이 날 미친 운전. 누구든지이 문제에 대한 수정이나 이유를 알고 있습니까?

감사합니다.

W.은

Answer 1

나는이 일어나는 이유를 (아직 정말 이해가되지 않습니다) 발견했다. 나는 라이트 박스 패션에서 이미지가 희미 해졌고 어떤 이유로 IE7에서 탭이 나타나지 않도록했습니다. & IE8.

누구든지이 사실에 대한 통찰력을 제공 할 수 있다면 감사하겠습니다. 하지만 당분간 IE7/IE8의 페이드를 없애고 최신 브라우저 용으로 보관했습니다.

많은 분들께 감사드립니다. @thirtydot!

w.

추신 : 피들 사이트 사이트는 꽤 멋져 보입니다!