The CSS Podcast

67: Why isn't z-index working?

Aug 1, 2023
Learn why z-index may not be working for you in CSS. Explore stacking context and best practices for proper layering. Discover tools like CSS hints in Chrome DevTools for troubleshooting. Get tips on managing z-index, avoiding 'magic numbers', and visualizing layers in 3D. Dive into strategies for debugging z-index values, utilizing new HTML elements, and creating non-overlapping promotions. Understand the complexities of z-index in CSS and how it relates to layering. Send in CSS queries and show support for the podcast!
Ask episode
Chapters
Transcript
Episode notes
1
Intro
00:00 • 2min
2
Understanding Z-Index and its Challenges in CSS
01:46 • 8min
3
Tips and Tools for Managing Z-Index in CSS
09:33 • 2min
4
Tips and Tricks for Working with Z-index Values in Web Development
11:25 • 3min
5
Understanding z-index and CSS layering
14:28 • 2min