한기준을 기준으로 레이어가 보이게할 수 있는 방법이 있을까요? 정보
한기준을 기준으로 레이어가 보이게할 수 있는 방법이 있을까요?본문
화면의 크기변화에 관계없이 한이미지(예:100*100 사이즈)가 화면의 특정위치에 있을때 이미지를 기준으로 레이어가 화면의 크기가 바뀌어도 이미지를 기준으로 보여줬으면 합니다.
전 이거풀려고 노력했는데...제겐 ...흑흑흑 부탁드립니다. 고수님들
댓글 전체
무쓴 말씀이신지?
쉽게말해 화면사이즈의 변경과 관계없이 레이어의 위치고정을 말씀하시는건가요?
네...컬러님 말씀데로 입니다. 레이어의 위치고정입니다.
그 뭐 간단합니다...^^
<div id="" style="width:100px; height:100px; position:relative; z-index:1;">(<--이부분을 바로위에 넣어주세요)
<div id="실제사용레이어" style="width:100px; height:100px; position:absolute; left:100px; top:100px; z-index:1;"> (<--실제 사용레이어)
그러니까 실제사용하시는 레이어 위에 이렇게 <div id="" style="width:100px; height:100px; position:relative; z-index:1;"> 한줄 넣어주세요..^^
그리고 적용된 화면 보시면서 실제사용레이어 위치 조정하시면 됩니다.
<div id="" style="width:100px; height:100px; position:relative; z-index:1;">(<--이부분을 바로위에 넣어주세요)
<div id="실제사용레이어" style="width:100px; height:100px; position:absolute; left:100px; top:100px; z-index:1;"> (<--실제 사용레이어)
그러니까 실제사용하시는 레이어 위에 이렇게 <div id="" style="width:100px; height:100px; position:relative; z-index:1;"> 한줄 넣어주세요..^^
그리고 적용된 화면 보시면서 실제사용레이어 위치 조정하시면 됩니다.
실제 위 추가되는 레이어에서 레이어 크기등의 옵션등은 별 상관없습니다.
id 필요없고 position:relative; 만 필요합니다. ^^
id 필요없고 position:relative; 만 필요합니다. ^^
위지윅 에디터 같은곳에선 레이어가 전혀다르게 위치할수 있으므로 편집창을 벗어나서 편집창에서는 아예 안보일수 있습니다. ^^
그러니 실제 레이어의 좌표 왼쪽,오른쪽 수치를 조정하시면서 적용된 화면을 보세요.^^
예를들어 left:100px; top:100px; <-- 이값이 left:100px; top:-120px; 이런식으로...
그러니 실제 레이어의 좌표 왼쪽,오른쪽 수치를 조정하시면서 적용된 화면을 보세요.^^
예를들어 left:100px; top:100px; <-- 이값이 left:100px; top:-120px; 이런식으로...
감사합니다. 고수님들
아..위치고정이였군요..ㅎㅎ
1.첫번째 방법
<div style="position:relative; z-index:1; left: -260px; top: -170px;">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 262px; top: 170px;">
이미지나 플래시 오브젝트
</div>
</div>
2.번째 방법
<div id="notice" style="position:absolute; padding-left:250; padding-top:615; width:100%; height:100%; z-index:1;visibility:hidden;">
<table cellpadding=0 cellspacing=0 border=0 width=517 height=44><tr><td><font color=white>asdfasd</font> </td></tr></table>
</div>
1.첫번째 방법
<div style="position:relative; z-index:1; left: -260px; top: -170px;">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 262px; top: 170px;">
이미지나 플래시 오브젝트
</div>
</div>
2.번째 방법
<div id="notice" style="position:absolute; padding-left:250; padding-top:615; width:100%; height:100%; z-index:1;visibility:hidden;">
<table cellpadding=0 cellspacing=0 border=0 width=517 height=44><tr><td><font color=white>asdfasd</font> </td></tr></table>
</div>
^^
