How z-index works!
- Posted at 2007/11/26 13:57
- Filed under 어리버리/이럴수가!
http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp
굳굳굳굳굳굳!!
z-index 를 알고 싶으면 주저말고 클릭!
(먼저 position에 대해 이해하신 후 보세요)
#boxes {
position: absolute;
left: 20px;
margin-top: 90px;
}
<div id="A">
A
<div id="a">a</div>
</div>
<div id="B">
B
<div id="b">b</div>
</div>
<div id="C">
C
<div id="c">c</div>
</div>
#A,#B,#C {
height: 14em;
width: 15em;
margin-top: -80px
}
#a,#b,#c {
height: 6em;
width: 11em
margin: 1em auto;
}
Posted by mkyoon
- Tag
- css, position, z-index
- Response
- 1 Trackback , 1 Comment
Trackback URL : http://mkyoon.com/trackback/77
Trackbacks List
-
CSS Position 네놈을 밝혀주마.
Tracked from MaKeYOurOwN mkyoon 2007/11/28 17:45 Deletestatic, relative, absolute, fixed를 설명하기 위해대충 만든 예제 파일이 꽤 반응이 좋아서공개하기로 마음먹고 포스팅 달려봅니다.(우람씨 귀띔 고마워요~ & Syntax Highlighter 플러그인 굿뜨!) 0. 기본 설정xhtml 1.1 기준으로 작성되었으며,브라우저간의 차이를 최대한 없애기 위해 border와 margin은 넣지 않았습니다.div 0, 2, 3, 4, 5번의 크기는 가로세로 50px, 1번은 가로...
