'겹치기 순서 정하기' 태그의 글 목록

안녕하세요 동기 여러분! 오늘은 Z-Index에 대해 알아봅시다! Z-Index 혹시 어도비의 일러스트레이터를 사용하시는 분이면 'ctrl + [ or ]'이라는 단축키를 알고 계실 겁니다. 이렇게 두 도형이 겹쳐져 있는데 분홍색 직사각형이 노란색 직사각형 위에 있습니다. 이때 분홍색 직사각형을 클릭하고 'ctrl + ['를 누르면 분홍색 직사각형이 아래로 내려갑니다. 네 ~ 이런 기능이 CSS에도 있는데 그게 바로 z-index입니다. z-index 정의와 사용방법 z-index는 요소의 겹쳐지는 순서를 정합니다. z-index의 값은 높아질 수록(숫자가 높을수록) 위에 배치됩니다. (위에 두 번째 스크린샷에 노란 직사각형이 z-index값이 2라면 분홍 직사각형은 1) ※ z-index는 오직 포지션..

CSS 2022. 1. 4. 15:54

이전 1 다음