자료실
- [HTML]부모레이어
- 관리자 | 2017-11-23 | 조회수 969
<div style = "position:relative;">(부모레이어)
<div id = "layer1" style = "width:(레이어크기)px; height:(레이어크기)px; position:absolute; left:(위치)px; top:(위치)px; z-index:-1;(레이어순서)">이미지 또는 내용</div>
<div id = "layer2" style = "width:(레이어크기)px; height:(레이어크기)px; position:absolute; left:(위치)px; top:(위치)px; z-index:1;(레이어순서)">이미지 또는 내용</div>
<div id = "layer3" style = "width:(레이어크기)px; height:(레이어크기)px; position:absolute; left:(위치)px; top:(위치)px; z-index:2;(레이어순서)">이미지 또는 내용</div>
</div>
부모레이어 안에 레이어들을 부모레이어 위치에 기준하여 원하는 곳에 띄울 수 있다.
해상도가 달라도 레이어의 위치가 변하지 않는다.
<div id = "layer1" style = "width:(레이어크기)px; height:(레이어크기)px; position:
<div id = "layer2" style = "width:(레이어크기)px; height:(레이어크기)px; position:
<div id = "layer3" style = "width:(레이어크기)px; height:(레이어크기)px; position:
</div>
부모레이어 안에 레이어들을 부모레이어 위치에 기준하여 원하는 곳에 띄울 수 있다.
해상도가 달라도 레이어의 위치가 변하지 않는다.