2012-11-13 3 views
1

새 캔버스를 작성한 후 div의 절대 또는 상대 위치 (상대 또는 절대)가있는 요소가 크롬의 '범위'유형 입력을 포함하여 올바르게 렌더링되지 않습니다. 캔버스 위에 마우스를 놓은 후에야 이러한 요소가 올바른 위치에 있습니다. Firefox에서는 모든 것이 예상대로 작동합니다. 모든 팁은 어떻게 해결할 수 있습니까?새 캔버스를 작성한 후 이상한 크롬 동작

업데이트 : http://meli.rezzsolucoes.com.br/demo/
난 내 페이지에서 정확한 동작을 얻을 coundn't 어떤 이상한 이유 : 요청으로

, 여기에 약간의 데모입니다. 하지만 충분히 가까이

+2

효과의 데모 페이지가 도움이 될 것입니다. –

+0

데모, 대답 없음. – xiaoyi

+1

질문을 데모로 업데이트합니다. 너희들이 시도한다면, 나는 매우 감사 할 것이다. –

답변

0

나를 도와 주셔서 감사합니다! 데모를 할 때 캔버스가 메뉴보다 위에 있지 않으면 모든 것이 잘 작동한다는 것을 깨달았습니다. 아직도 dunno는 정확히 무엇이 문제인지를 알고 있지만 상대/절대 div가 캔버스를 겹치면 (보이지 않더라도) 웹킷이 렌더링에 문제가있는 것처럼 보입니다. 왜 그럴까요? 이 문제를 해결하는 가장 좋은 방법은 페이지 디자인을 변경하는 것입니다. 하지만 제 경우에는 이것은 선택이 아닙니다. 그래서, 나는 broswer 강제로 다시 그리기/다시 칠하는 방법을 찾았습니다.

How can I force WebKit to redraw/repaint to propagate style changes?

솔루션, 심지어 더러운 수정되고, 그냥 괜찮 았는데 :이 질문을 발견했다. 여전히 웹킷에서 상대적/절대 값을 가진 div와 캔버스를 오버레이 할 수없는 이유를 알고 싶습니다. 네가 왜 그런지 알고 나에게 설명한다면, 나는 감사 할 것이다.

다시 한번 감사드립니다!