[css] 해상도에 따라 변하는 레이어(ap div) 위치 고정하기 > 팁앤테크

• 목록
• 게시판 리스트 옵션
  • 검색

• 페이스북 공유
• 트위터 공유
• 

레이어를 그냥 띄우면 절대위치때문에 해상도에 따라 위치가 변경이 된다.

이럴때는 레이어를 2개를 만들어 넣는것이 방법이다!
 

이때 부모레이어의 위치값을 아래처럼 마이너스로 하고 위치값, 아이디값등은 지워버린다.

실제 오브젝트를 넣은 자식레이어로 위치를 맞춘다.

이때 레이어 위치는 수치값을 넣지말고 마우스로 레이어 클릭후 조정한다.
 

소스

<div style=”position:relative; z-index:1; left:-100px; top:-100px;”>
   <div id=”layer1” style=”position:absolute; width:100px; height:100px; z-index:1; left:200px; top:100px;”>
       이미지나 오브젝트 텍스트..
  </div>
</div>

추천0