유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

[10분 테코톡] 쑤쑤의 z-index의 동작 방식

우아한테크

2024. 9. 2.

0

#frontend
  • Z-index는 요소가 겹치면 어떤 요소가 위에 올라가는지를 결정하는 속성입니다. 🎨
  • 각 HTML 요소는 Z축에 따라 3차원 공간에 위치하고, Z-index는 이 공간에서의 순서를 결정합니다. 📦
  • Sign context는 어떤 요소들이 상호작용하는 공간을 의미하며, Z-index는 각 sign context 내에서 요소의 순서를 제어합니다. 🌐
  • 다양한 조건으로 sign context가 형성되며, Z-index는 각 sign context 내에서 적용됩니다. 📂
  • sign context 끼리는 독립적이므로, 하나의 sign context 안에서의 Z-index 값이 다른 sign context에 영향을 미치지 않습니다. 🥂

Recommanded Videos