본문 바로가기
Program/오래된 PHP 게시판

[HTML-CSS]DIV를 통하여 만드는 레이어 제작법

by 한빛가람 2013. 2. 5.
반응형

안녕하세요. 지금부터 간단한 div통하여 만드는 레이어 제작법을 알아보도록 하겠습니다.


CSS코드 한줄이면 끝납니다.


<style type="text/css">#레이어이름{postion:absolute;}</style>


이면 레이어가 완성됩니다. 


하지만 여러가지 기능이 있는데요. 짚어보고 가도록 하겠습니다.


모든설정은 div와 똑같으므로 생략하려고 합니다만. 그중 일부만 알려드리겠습니다.


overflow - 레이어를 넘는 부분을 자를지 말지 설정 가능합니다. 

z-index - 레이어의 우선순위 오름차순으로 높은숫자가 더 위에 뜸.

clip - 레이어에서 보고싶은부분만 띄울수 있습니다.


사용방법은 다음과 같습니다.


html페이지

-----------------

<body>

<div id="레이어이름">내용<div>

</html>

css

----------------

<style type="text/css">#레이어이름{postion:absolute; z-index:10;}</style>

이렇게 하시면 됩니다.





   


아래의 손가락버튼을 눌러주시면 블로그에 큰 힘이 됩니다.




반응형
크리에이티브 커먼즈 라이선스
한빛가람 필자가 게시한 대부분의 블로그 게시물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 게시물에 CCL이 적용되지 아니하다고 적혀있는 경우엔 본 라이선스 적용 대상이 아닙니다.

댓글