z-index
Last updated
Last updated
css ํ๋กํผํฐ ์ค z-index๋ z์ถ ์์๋ฅผ ์ง์ ํ ์ ์๋ค. ์น์์ z์ถ์ ์์ผ๋ก ํ์ด๋์๋ณด์ด๊ฒ ์กฐ์ ํ ์ ์๋ค. ๋ฐ๋ผ์ ๋ชจ๋ฌ, ํดํ ๋ฑ์์ ์์ฃผ ์ด์ฉ๋๋ค. ์ฝ๊ฒ ์๊ฐํด๋ณด๋ฉด ๋ ์ด์ด์ ์์๋ฅผ ์กฐ์ ํ์ฌ ์์ผ๋ก ํ์ด๋์๋ณด์ด๊ฒ ํ๋ ๊ฒ์ด๋ค.
์ด๋ค ์์๋๋ก ์์ด๋์ง ํ์ธํด๋ณด๋ฉด ๋น์ฐํ ์ฌ๋ฌ๊ฐ์ง css ์์ฑ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง ์ ์์ผ๋ ์์ํ z-index
๋ง ๋๊ณ ๋ณธ๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ ๊ฒ์ด๋ค. ๋ถ๋ชจ๊ฐ ๊ฐ์ง stacking context ๋ด์์๋ง blue๋ ์ ํจํ๊ธฐ ๋๋ฌธ์ ๋ถ๋ชจ๋ผ๋ฆฌ์ z-index
์๋ ๊ด๋ จ์๋ค.