CSS - z index

HTML을 꾸미다 보면 겹침이 발생 할 때가 있다. 이럴 때, CSS 효과를 통해서 우선 순위로 보여주는 기능이 z-index 이다.

'Good morning' 밑에 'Hello world' border 효과를 준 것이 있다. 

z - index 효과를 주지 않으면 나중에 나온 #b 항목이 우선순위를 가진다. 이 때, z - index 효과를 주면 'Hello World'글을 우선순위로 가져올 수 있다.

  *z-index : 값을 줄 수 있는데 숫자가 클수록 우선 순위를 가진다.

  *z-index는 값을 지정 해줄 수 있지만, auto라는 기능도 가지고 있다. auto를 주면 나중에 효과가 없었던 것 처럼 나중에 준 우선 순위를 가진다.

큰수부터 작은 순으로

작은 수에서 큰 수로

auto로 설정

#CSS#z-index#우선순위#겹침