z-index의 초기값 auto는 0이 아닙니다. 다만 구형 IE 브라우저는 0인것처럼 작동되는 버그가 있으나, 마치 이러한 동작이 정상인줄 알고 계시는 분이 더러 있습니다. 지정하지 않은 z-index는 0이 아니라 auto입니다.
auto인 경우 자식내에 어떠한 다른 요소가 z-index 값이 있다면 부모를 무시하고 자신이 다른 z-index 값을 가진 것과 동일 선상에서 비교합니다. 만일 이때 부모가 0이라면 부모는 다른 부모와 비교하여 우선이 결정되지 자식이 관여하지 않습니다. 그러나 auto인 경우 자식은 부모를 생각하지 않고 자신의 z-index 값으로 다른 요소의 z-index와 비교하려 합니다.
이러한 동작을 잘 이해하지 않는다면 보통 auto가 아닌 0으로 놓으면 만족스러운 결과가 될지 모르겠지만, 해당 요소내의 자식이 다른 것들에 대한 z-index로 우선 위치를 결정하지 못한다는 제약을 받게 됩니다.
해당 내용은 css2에서 css2.1로 바뀌며 변경된 내용을 담고 있기에 차이가 있습니다. 또한 음의 값인 경우, body의 배경과 content 사이에 위치할 수 있도록 바뀌었으나, 그 이전에는 body에 가려 뒤로 가게 되는 구형 브라우저 처리도 있습니다. 비슷하게 컨텐츠와 배경사이에 껴들아갈 수 있는 경우가 float에서 음의 마진 사용시 발생하는데, 이또한 CSS2.1에서 변경된 부분으로 구형 IE 브라우저는 이러한 결과를 보이지 않습니다.
마지막으로 z-index의 중첩시 transparent에 대한 IE 처리는 독특합니다. 투명한 경우 뒤에 있는 내용을 의미상 가렸지만 선택이 가능해집니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4230 |
 미스코리아 |
13년 전 | 1544 | |
| 4229 | 13년 전 | 1107 | ||
| 4228 | 13년 전 | 2096 | ||
| 4227 | 13년 전 | 775 | ||
| 4226 |
 Terrorboy |
13년 전 | 788 | |
| 4225 |
천국의눈믈
|
13년 전 | 612 | |
| 4224 |
visualp
|
13년 전 | 1423 | |
| 4223 |
visualp
|
13년 전 | 1037 | |
| 4222 |
visualp
|
13년 전 | 760 | |
| 4221 |
visualp
|
13년 전 | 5291 | |
| 4220 | 13년 전 | 1895 | ||
| 4219 | 13년 전 | 1135 | ||
| 4218 | 13년 전 | 630 | ||
| 4217 | 13년 전 | 9423 | ||
| 4216 | 13년 전 | 1539 | ||
| 4215 |
 CrazySnoopy |
13년 전 | 558 | |
| 4214 | 13년 전 | 543 | ||
| 4213 | 13년 전 | 1415 | ||
| 4212 |
visualp
|
13년 전 | 1986 | |
| 4211 | 13년 전 | 1541 | ||
| 4210 | 13년 전 | 788 | ||
| 4209 |
 미운오리스키 |
13년 전 | 2033 | |
| 4208 | 13년 전 | 2040 | ||
| 4207 | 13년 전 | 2994 | ||
| 4206 | 13년 전 | 1092 | ||
| 4205 |
SGFlash
|
13년 전 | 1280 | |
| 4204 | 13년 전 | 795 | ||
| 4203 | 13년 전 | 888 | ||
| 4202 | 13년 전 | 2107 | ||
| 4201 | 13년 전 | 898 | ||
| 4200 | 13년 전 | 2371 | ||
| 4199 | 13년 전 | 611 | ||
| 4198 |
visualp
|
13년 전 | 3486 | |
| 4197 |
visualp
|
13년 전 | 708 | |
| 4196 | 13년 전 | 2065 | ||
| 4195 |
미사카10777호
|
13년 전 | 3451 | |
| 4194 |
senseme
|
13년 전 | 756 | |
| 4193 | 13년 전 | 938 | ||
| 4192 | 13년 전 | 1297 | ||
| 4191 |
DreamT
|
13년 전 | 788 | |
| 4190 |
onlymilk74
|
13년 전 | 1298 | |
| 4189 | 13년 전 | 1231 | ||
| 4188 | 13년 전 | 1345 | ||
| 4187 | 13년 전 | 1087 | ||
| 4186 |
CrazySnoopy |
13년 전 | 716 | |
| 4185 | 13년 전 | 1191 | ||
| 4184 | 13년 전 | 1164 | ||
| 4183 |
visualp
|
13년 전 | 1040 | |
| 4182 |
visualp
|
13년 전 | 601 | |
| 4181 |
 Sunys |
13년 전 | 580 | |
| 4180 |
techer
|
13년 전 | 922 | |
| 4179 | 13년 전 | 486 | ||
| 4178 | 13년 전 | 3054 | ||
| 4177 | 13년 전 | 570 | ||
| 4176 | 13년 전 | 931 | ||
| 4175 | 13년 전 | 580 | ||
| 4174 |
 WEBUS |
13년 전 | 610 | |
| 4173 |
WEBUS |
13년 전 | 1847 | |
| 4172 |
WEBUS |
13년 전 | 899 | |
| 4171 | 13년 전 | 1382 | ||
| 4170 | 13년 전 | 639 | ||
| 4169 | 13년 전 | 1274 | ||
| 4168 | 13년 전 | 1759 | ||
| 4167 | 13년 전 | 795 | ||
| 4166 | 13년 전 | 1312 | ||
| 4165 |
visualp
|
13년 전 | 809 | |
| 4164 | 13년 전 | 1170 | ||
| 4163 | 13년 전 | 2598 | ||
| 4162 | 13년 전 | 650 | ||
| 4161 |
onlymilk74
|
13년 전 | 4776 | |
| 4160 | 13년 전 | 667 | ||
| 4159 | 13년 전 | 857 | ||
| 4158 | 13년 전 | 699 | ||
| 4157 | 13년 전 | 3387 | ||
| 4156 | 13년 전 | 499 | ||
| 4155 | 13년 전 | 831 | ||
| 4154 | 13년 전 | 1133 | ||
| 4153 | 13년 전 | 1132 | ||
| 4152 | 13년 전 | 621 | ||
| 4151 | 13년 전 | 1225 | ||
| 4150 | 13년 전 | 714 | ||
| 4149 | 13년 전 | 599 | ||
| 4148 |
쉽다zzz
|
13년 전 | 2252 | |
| 4147 | 13년 전 | 944 | ||
| 4146 | 13년 전 | 570 | ||
| 4145 | 13년 전 | 570 | ||
| 4144 | 13년 전 | 1603 | ||
| 4143 | 13년 전 | 750 | ||
| 4142 | 13년 전 | 1157 | ||
| 4141 | 13년 전 | 1150 | ||
| 4140 |
미운오리스키 |
13년 전 | 1757 | |
| 4139 |
visualp
|
13년 전 | 1835 | |
| 4138 |
visualp
|
13년 전 | 1111 | |
| 4137 | 13년 전 | 764 | ||
| 4136 | 13년 전 | 704 | ||
| 4135 | 13년 전 | 946 | ||
| 4134 | 13년 전 | 1107 | ||
| 4133 | 13년 전 | 2514 | ||
| 4132 | 13년 전 | 569 | ||
| 4131 | 13년 전 | 886 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기