CSS의 z-index 속성 제대로 이해하기 💤

우리는 보통 웹페이지를 2차원 공간으로 생각하고 웹 개발을 하는 경우가 많은데요. 하지만 복잡한 웹페이지를 구현할 때는 마치 3차원 공간처럼 요소를 앞뒤로 겹쳐서 배치해야 경우가 생기기 마련이죠.


이번 영상에서는 이렇게 웹에서 요소의 Z축 방향의 깊이를 결정하는 CSS의 z-index 속성에 대해서 실습을 통해서 자세히 알아보겠습니다. 요소 간에 상대적인 깊이가 꽤 복잡한 알고리즘에 의해서 결정이 된다는 것을 배우시게 될 것입니다.


📺 동영상: https://youtu.be/iLLRIFtVvP0

📝 포스팅: https://www.daleseo.com/css-z-index/

CSS의 z-index 속성 이해하기

YouTube

CSS의 z-index 속성 이해하기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 2월 19일 오후 7:19

댓글 0

    함께 읽은 게시물

    6년간의 토이프로젝트 여정을 마무리하며 - 기술블로그 구독서비스 회고록

    ... 더 보기

    6년간의 토이프로젝트 여정을 마무리하며 - 기술블로그 구독서비스 회고록

    taetaetae.github.io

    6년간의 토이프로젝트 여정을 마무리하며 - 기술블로그 구독서비스 회고록

     • 

    댓글 2 • 저장 11 • 조회 2,987


    AI와 코딩할 때, 혹시 결과만 말하고 계신가요?
    얼마 전 프로필 페이지를 AI와 함께 만들면서 이상한 걸 발견했어요.

    ... 더 보기

    - YouTube

    youtu.be

     - YouTube

     • 

    저장 15 • 조회 1,582



    혹시 Cursor 채팅만 사용하시나요? Agent 쓰는 방법!

    Cursor와 함께라면, 더이상 에디터는 단순한 입력 도구가 아닌

    ... 더 보기

    올해로 개발자 생활이 햇수로 20년째다

    2005년 7월에 일을 시작했으니, 올해로 개발자 생활이 햇수로 20년째다. 중간에 공백이 조금씩 있었으니 꽉 채운 스무 해는 아니지만, 숫자가 주는 무게는 여전하다. 20년이라는 시간이 흘렀다는 사실이 새삼 신기하게 느껴진다.

    ... 더 보기

    길은 잃은 이력서

    

    ... 더 보기

     • 

    저장 6 • 조회 720