Internet Explorer getClientRects 절대 위치 요소

Question

현재 IE 11에서 텍스트 선택 문제가 발생합니다 (이전 IE에서도 발생 함). 내 목표는 텍스트 선택이 getClientRects를 반환하는 곳에서 작동하도록하는 것입니다. 내가 가지고있는 것은 간단한 설정입니다. 나는 컨테이너 사업부가 그 사업부 내에서 나는 두 경간 배치했습니다

<div onmouseup="mouseup()" id="container"> 
    <div class="span1">Span 1</div> 
    <div class="span2">Span 2</div> 
</div> 

두 스팬 왼쪽/상단과 오른쪽/하단 모서리에 절대적 위치를. 컨테이너의 높이는 100px입니다. 마우스까지이 기능을에

가 실행 된 것입니다 :

크롬에

function mouseup(){ 
    var selectObj = ((window.getSelection)?window.getSelection():document.getSelection()); 
    alert(selectObj.getRangeAt(0).getClientRects().length); 
} 

당신은 내가 그 수대로 원하는 어떤 것이 3의 길이를 알려줍니다 2 걸쳐 스팬 1에서 텍스트를 선택하려고하면 텍스트 선택을위한 테두리 상자의 위치를 ​​알고 있습니다. 인터넷 익스플로러에서 항상 0을 반환합니다. 텍스트를 한 범위 내에서만 선택하면 작동하지만 여러 번 이동하면 실패합니다.

여기에 모든 설정이의 jsFiddle입니다 : 당신은 그냥 그런 식으로 할 수없는 것처럼 http://jsfiddle.net/v6sa71hs/

Answer 1

보인다. 대신에 모든 것을 float으로 말한 다음 margin-top/left로 위치 시키면 작동 할 것입니다. http://jsfiddle.net/9gemwtc5/

: 여기 모두를위한 CSS는

span{ 
    float: left; 
    margin-bottom: -100%; 
    margin-right: -100%; 
} 

업데이트 바이올린에 걸쳐