How z-index works!


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


Trackback URL : http://mkyoon.com/trackback/77

Trackbacks List

  1. CSS Position 네놈을 밝혀주마.

    Tracked from MaKeYOurOwN mkyoon 2007/11/28 17:45 Delete

    static, relative, absolute, fixed를 설명하기 위해대충 만든 예제 파일이 꽤 반응이 좋아서공개하기로 마음먹고 포스팅 달려봅니다.(우람씨 귀띔 고마워요~ &amp; Syntax Highlighter 플러그인 굿뜨!) 0. 기본 설정xhtml 1.1 기준으로 작성되었으며,브라우저간의 차이를 최대한 없애기 위해 border와 margin은 넣지 않았습니다.div 0, 2, 3, 4, 5번의 크기는 가로세로 50px, 1번은 가로...

Comments List

  1. mkyoon 2007/12/06 17:18 # M/D Reply Permalink

    내가 내 포스트에 트랙백 걸고 막 이러고 놀기-_-

Leave a comment
« Previous : 1 : ... 25 : 26 : 27 : 28 : 29 : 30 : 31 : 32 : 33 : ... 89 : Next »