#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 |