확대/축소 IE9의 이상한 버그

Question

대시 보드 내에서 이동 가능한 차트로 응용 프로그램을 개발 중입니다. 각 차트에는 요소의 오른쪽 상단에 전체 화면을 허용하는 옵션 집합이 있으며 해당 차트를 닫을 수 있습니다. 이미지 차이 (그 중 내가 변경할 수 없음)로 인해 zoom 값을 사용해야했습니다. 이것은 IE7을 포함한 모든 주요 브라우저에서 의도 한대로 정확하게 수행되지만 이상하게 IE9는 아닙니다. 당신이 옆에 크롬과 IE9 측면에서 바이올린을 열면

http://jsfiddle.net/YkTjp/7/

, 당신은 .icons 요소가 절대적으로 right: 0;에 위치하지 볼, 가리키고 그것이 있어야로 두 번까지 남아 있습니다. 당신이 그것을 다시 만들 수 없다면 아래와 같이.

Image here. If someone could edit my post and embed rather than this link I would appreciate it (don't have 10 rep)

맨 아래 사진은 내가 zoom: 0.5;을 제거하는 경우의 모습이며, 여기에 right 위치 올바른을 갖고있는 것 같아요. 그래서 나는 zoom을 고려하기 전에 .icons의 위치를 ​​계산할 것으로 추측 할 수 있습니다.

그러나 그 사실을 알고 있으면 수정에 더 가까워지지 않습니다. 어떤 아이디어?

Answer 1

zoom은 표준 CSS 구성 요소가 아니기 때문에 해당 응용 프로그램의 표준이 없습니다.

기본적으로 zoom:0.5 반으로 절단 할 수있는 요소가 발생하지만, IE는 오히려 부모에게 단지 정렬보다, 그것은 점령했을 공간이 각각을하고, 그 가상 공간을 그들에게 왼쪽 상단을 정렬한다 . 오른쪽에서 훨씬 더 멀리 보이지만 실제로는 위쪽에 정렬되고 zoom:1 구성 요소의 왼쪽 가장자리에 맞 춥니 다.

불행히도 Javascript 기반이 아닌 문제를 해결할 수는 없지만 문제가 발생합니다.