동일한 이벤트 onmousedown을 갖는 두 개의 요소가 있습니다. 요소에는 CSS 스타일로 설정된 커서 : 이동 속성도 있습니다. 요소는 비어 있으며 경계선을 제외하고는 비어 있거나 적어도 투명해야합니다.빈 Div는 IE6에서 CSS 이벤트를 등록하지 않습니다
IE 6에서는 테두리 만 커서를 등록하거나 javascript 이벤트 처리기를 활성화합니다. IE6는 빈 div가 존재하지 않는 것처럼 취급합니다. 마우스를 가져 가거나 테두리를 클릭하면 커서가 변경되고 onmousedown 이벤트가 활성화됩니다.
이것은 FF에서 문제가되지 않습니다 ... 아무도 무슨 일이 일어 났는지 알아? IE6 가 웹 개발자를 싫어하기 때문에
그것은이다.
콘텐츠를 과 같이 div를 비워두면 행복하게 만들 수 있습니다.
<div id="ie6-hates-you"> </div>
두 컨테이너에서 position:absolute;top:0;left:0을 제거하면 ie6에서 작동합니다.
# container2에 float:right을 추가하면 동일한 레이아웃이됩니다.
컨테이너를 플로트 할 수 없습니다. 그들은 절대적으로 위치해야한다. – SharpBarb
랩 a를 2 명 div의 주변에 컨테이너와이 IE6에서 작동 그것에 position:relative;
<div id="test-container">
<div id="container1"><div id="container2"></div></div>
</div>
CSS
#test-container{position:relative;width:300px;height:300px}
설정합니다. 100 %로 폭을 설정해야합니다
절대 위치 렸기 때문에입니다는 ..
width: 100%;
나는이 IE 시리즈 이후, IE9까지, 마이크로 소프트 확장 생각 JScript 및 HTML5 렌더링에서 한 두 세대 뒤. – Edwin
나는 얼마나 거대한 회사가 당신의 개발 생활을 망치는지에 대해 종교적으로 논쟁하지 않을 것입니다. 그러나 객관적으로 IE6은 의심의 여지없이 집중력이 강한 격렬한 허풍과 핵분열로 인해 웹 개발자를 싫어한다고 말할 수 있습니다. –
불행히도 귀하의 제안이 작동하지 않았습니다. 심지어 실제 텍스트를 div 안에 배치하려고했습니다. 그것은 내가 텍스트 위를 헛되이 지켜 보았을 때 효과적 이었지만, 빈 곳은 그렇지 않았습니다. – SharpBarb