[CSS] z-index 우선순위

HTML 을 작성하다 보면 태그들이 겹치는 경우가 있다.예를 들어서이런 경우...HTML 에서는 나중에 배치된 것이 화면상에서 제일 위로 오게 되는데,뒤에 있는 태그를 끌어올릴 수 있다.보라색을 맨위로 끌어보자다른 코드는 무시하고 z-index: 1; 에 주목하자.이 옵션은 겹쳐질 경우 우선순위 레벨을 설정하여 배치된 순서에 상관없이 위로 끌어올릴 수 있다.위 코드에서는 보라색(background-color:purple;)에 z-index:1; 을 적용했다.결과:z-index 를 따로 설정하지 않으면 0이 기본값이다.보라색 div 는 다른 div 보다 우선순위(z-index)가 높으므로 맨위에 올라왔다.이 상태에서 초록색을 맨위로 올려보자.초록색 div 의 속성이다..........

[CSS] z-index 우선순위에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : [CSS] z-index 우선순위