ÀÚ·á½Ç
- [HTML]ºÎ¸ð·¹À̾î
- °ü¸®ÀÚ | 2017-11-23 | Á¶È¸¼ö 970
<div style = "position:relative;">(ºÎ¸ð·¹À̾î)
<div id = "layer1" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:absolute; left:(À§Ä¡)px; top:(À§Ä¡)px; z-index:-1;(·¹À̾î¼ø¼)">À̹ÌÁö ¶Ç´Â ³»¿ë</div>
<div id = "layer2" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:absolute; left:(À§Ä¡)px; top:(À§Ä¡)px; z-index:1;(·¹À̾î¼ø¼)">À̹ÌÁö ¶Ç´Â ³»¿ë</div>
<div id = "layer3" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:absolute; left:(À§Ä¡)px; top:(À§Ä¡)px; z-index:2;(·¹À̾î¼ø¼)">À̹ÌÁö ¶Ç´Â ³»¿ë</div>
</div>
ºÎ¸ð·¹ÀÌ¾î ¾È¿¡ ·¹À̾îµéÀ» ºÎ¸ð·¹À̾î À§Ä¡¿¡ ±âÁØÇÏ¿© ¿øÇÏ´Â °÷¿¡ ¶ç¿ï ¼ö ÀÖ´Ù.
Çػ󵵰¡ ´Þ¶óµµ ·¹À̾îÀÇ À§Ä¡°¡ º¯ÇÏÁö ¾Ê´Â´Ù.
<div id = "layer1" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:
<div id = "layer2" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:
<div id = "layer3" style = "width:(·¹À̾îÅ©±â)px; height:(·¹À̾îÅ©±â)px; position:
</div>
ºÎ¸ð·¹ÀÌ¾î ¾È¿¡ ·¹À̾îµéÀ» ºÎ¸ð·¹À̾î À§Ä¡¿¡ ±âÁØÇÏ¿© ¿øÇÏ´Â °÷¿¡ ¶ç¿ï ¼ö ÀÖ´Ù.
Çػ󵵰¡ ´Þ¶óµµ ·¹À̾îÀÇ À§Ä¡°¡ º¯ÇÏÁö ¾Ê´Â´Ù.