Programming/CSS

[ CSS ] ํŠน์ • ๊ฐ์ฒด ๋งจ ์•ž์œผ๋กœ ๋ณด์—ฌ์ง€๊ฒŒ ํ•˜๊ธฐ ( ๋ณด์—ฌ์ง€๋Š” ์ˆœ์„œ ์ง€์ • )

seulye 2022. 10. 21. 09:36

 

https://developer.mozilla.org/ko/docs/Web/CSS/z-index

 

z-index - CSS: Cascading Style Sheets | MDN

CSS z-index ์†์„ฑ์€ ์œ„์น˜ ์ง€์ • ์š”์†Œ์™€, ๊ทธ ์ž์† ๋˜๋Š” ํ•˜์œ„ ํ”Œ๋ ‰์Šค ์•„์ดํ…œ์˜ Z์ถ• ์ˆœ์„œ๋ฅผ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. ๋” ํฐ z-index ๊ฐ’์„ ๊ฐ€์ง„ ์š”์†Œ๊ฐ€ ์ž‘์€ ๊ฐ’์˜ ์š”์†Œ ์œ„๋ฅผ ๋ฎ์Šต๋‹ˆ๋‹ค.

developer.mozilla.org

 

๋ณด์—ฌ์ง€๋Š” ์ˆœ์„œ ์ง€์ •์€ zIndex๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. 

zIndex๊ฐ€ ํด ์ˆ˜๋ก ๋” ์•ž์— ์˜ค๊ฒŒ ๋œ๋‹ค. 

 

๋‹จ, zIndex๊ฐ€ ๋ฐ˜์˜์ด ๋˜๋ ค๋ฉด  position ์†์„ฑ์ด ์žˆ์–ด์•ผ ํ•œ๋‹ค.

(ex. position : 'relative' )