묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
z-index를 써서 홈페이지를 만들려면
2003.07.28 20:23
http://chaeni.net 이곳 메인 페이지를 보면
그림이 위로 덮여져 있어서 그 밑부분 글씨가 가져지잖아요
z-index를 써서 여러개를 덮은거라는데 어떻게 한건가요?
그림이 위로 덮여져 있어서 그 밑부분 글씨가 가져지잖아요
z-index를 써서 여러개를 덮은거라는데 어떻게 한건가요?
댓글 3
-
Myzzix
2003.07.28 20:38
-
steelheart
2003.07.28 21:50
아이프레임 위에 투명한 GIF 이미지(꽃그림)을 덮어 씌운 거네요.
일단 아이프레임 위에 다른 걸 올려 놓는 건 5.5 이상에서만 된다는 거 알아 두시구요.
<iframe src="http://nzeo.com" style="position:absolute; left:100px; top:100px; z-index:1; width:500px; height:300px;"></iframe>
<img src="http://www.nzeo.com/subFile/banner/images/sshel.gif" style="position:absolute; left:100px; top:100px; z-index:2;">
실행해 보면 아이프레임 안에 nzeo 사이트가 나오고 그 위에
sshel.com의 배너가 고정되어서 계속 나오죠.
잘 보실 건 z-index가 각각 쓰였는데 iframe은 1, img는 2로 되어 있습니다.
꼭 1,2 이런 식으로 순차적으로 할 필요는 없지만 중요한 건
z-index의 값이 높을수록 위쪽에 자리잡는 다는 거에요.
여기선 iframe위에 이미지를 놓을 거니까 img의 z-index를 iframe보다 크게
잡았습니다. 일단 구조는 이와 같구요. 나머지 테두리나 그런건
취향대로 꾸며 주시면 되요. -
프샴
2003.07.29 12:59
잘알겠습니다 감사합니다^^
제가 만약 이런 홈페이지를 만든다면, 아이프레임을 잘 이용할 것같은데요...?
근데 이 홈페이지 멋지네요+_+