JQuery/Javascript는 브라우저 줌으로 절대 위치가 지정된 div를 유지합니다.

Question

this layout,에서 보았습니다. jQuery/Javascript를 사용하여 빨간색 상자를 왼쪽의 작은 파란색 상자 아래에있는 회색 컨테이너에 넣었습니까? .

회색 컨테이너의 #outerwrapper div 안에 redbox #badplacement div를 두지 않으려 고합니다. 이것이 어떻게 성취 될 수 있는지 생각해보십시오.

(. 그것은 작은 파란색 상자 아래에 어디 있는지, 정상적인 브라우저 줌 레벨에 243px에 왼쪽 #badplacement의 CSS를 변경, 시작하려면)

바이올린 : http://jsfiddle.net/Q56up/

Answer 1

복제하려면 outerwrapper의 사업부로 CSS는 규칙을 따르지 만 배경이 없으면 원래 위치 (절대 위치, Z- 색인 : 1)에 놓습니다. 빨간 상자를 안에 넣고 상대적으로 놓으십시오.