크로스 브라우저 (크롬/파이어 폭스) 나는 문제 오순절 크로스 브라우저 출력이

Question

픽셀로 비율에 정의 된 최고의 POS를 얻으려고, 나는 사업부의 위쪽 및 왼쪽 CSS 속성을 얻으려고하지만, 파이어 폭스는 나에게 준다 정확한 픽셀 위치와 크롬은 나에게 비율을 제공합니다.

예 : http://web.cinaird.se/pdf/test.htm

CSS

#mix{ 
    position:absolute; 
    top: 10px; 
    left: 45%; 
    background-color:#f0f; 
} 

jQuery를

css top: $("#mix").css("top") + " <br/>css left: " + $("#mix").css("left") 

출력

파이어 폭스 (그리고 IE8) CSS 탑 : 10px CSS의 좌측 2 67.3px

크롬 : CSS 가기 : 10px CSS 왼쪽 : 45 %

모두 (모든) 브라우저에 대해 동일한 결과를 얻을 수있는 방법이있다? 큰 계산없이 픽셀 값을 얻는 것을 선호합니다.

Answer 1

오프셋 부모에 상대적인 위치 또는 문서에 상대적인 위치를 사용할지 여부에 따라 position 또는 offset 방법을 사용하십시오.

예 :

var p = $("#mix").position(); 
alert('top: ' + p.top + 'px, left: ' + p.left + 'px');