본문 바로가기
HtmlCss/CSS

Css - z-index

by 플람 2019. 5. 26.
       #one{
           position:absolute; width: 300px; height: 200px;
           left: 400px; top:400px; background-color: yellow;
           z-index:1; 
           opacity: 0.7;
       }
       #two{
           position:absolute; width: 400px; height: 300px;
           left: 400px; top:250px; background-color: pink;
           z-index:2;
           opacity: 0.7;
       }

Z-index.

 

  • 레이아웃을 말함.
  • z-index는 음수도 쓸 수 있다. 쓰지 않는다면 0값으로 된다.
  • 두개의 겹치는 블록 값에서 z-index 값이 큰 블록이 위로 간다.

 

 

'HtmlCss > CSS' 카테고리의 다른 글

Css-layout  (0) 2019.05.26
Css- float  (0) 2019.05.26
Css- table  (0) 2019.05.25
CSS- 박스모델  (0) 2019.05.25
CSS - 자식필터  (0) 2019.05.25