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 처리는 독특합니다. 투명한 경우 뒤에 있는 내용을 의미상 가렸지만 선택이 가능해집니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4130 |
진정한승리v
|
13년 전 | 1056 | |
| 4129 | 13년 전 | 1424 | ||
| 4128 |
onlymilk74
|
13년 전 | 617 | |
| 4127 | 13년 전 | 531 | ||
| 4126 |
visualp
|
13년 전 | 1249 | |
| 4125 |
visualp
|
13년 전 | 1582 | |
| 4124 | 13년 전 | 1655 | ||
| 4123 | 13년 전 | 819 | ||
| 4122 |
visualp
|
13년 전 | 635 | |
| 4121 |
visualp
|
13년 전 | 1790 | |
| 4120 |
visualp
|
13년 전 | 859 | |
| 4119 |
visualp
|
13년 전 | 1231 | |
| 4118 |
그래픽노블
|
13년 전 | 685 | |
| 4117 |
visualp
|
13년 전 | 742 | |
| 4116 | 13년 전 | 733 | ||
| 4115 |
visualp
|
13년 전 | 823 | |
| 4114 |
onlymilk74
|
13년 전 | 4625 | |
| 4113 | 13년 전 | 731 | ||
| 4112 |
그래픽노블
|
13년 전 | 854 | |
| 4111 | 13년 전 | 1505 | ||
| 4110 | 13년 전 | 676 | ||
| 4109 | 13년 전 | 469 | ||
| 4108 | 13년 전 | 842 | ||
| 4107 | 13년 전 | 2112 | ||
| 4106 | 14년 전 | 1585 | ||
| 4105 |
onlymilk74
|
14년 전 | 1407 | |
| 4104 | 14년 전 | 2839 | ||
| 4103 | 14년 전 | 1950 | ||
| 4102 | 14년 전 | 906 | ||
| 4101 | 14년 전 | 973 | ||
| 4100 | 14년 전 | 927 | ||
| 4099 | 14년 전 | 1026 | ||
| 4098 |
Lonnie
|
14년 전 | 519 | |
| 4097 | 14년 전 | 823 | ||
| 4096 | 14년 전 | 972 | ||
| 4095 | 14년 전 | 2521 | ||
| 4094 | 14년 전 | 837 | ||
| 4093 | 14년 전 | 566 | ||
| 4092 |
 TopSchooL |
14년 전 | 588 | |
| 4091 | 14년 전 | 2935 | ||
| 4090 | 14년 전 | 727 | ||
| 4089 |
 신현종실장 |
14년 전 | 1437 | |
| 4088 | 14년 전 | 1439 | ||
| 4087 | 14년 전 | 635 | ||
| 4086 | 14년 전 | 1359 | ||
| 4085 | 14년 전 | 748 | ||
| 4084 | 14년 전 | 854 | ||
| 4083 | 14년 전 | 1815 | ||
| 4082 | 14년 전 | 1520 | ||
| 4081 | 14년 전 | 2120 | ||
| 4080 |
onlymilk74
|
14년 전 | 854 | |
| 4079 | 14년 전 | 742 | ||
| 4078 | 14년 전 | 2126 | ||
| 4077 |
DreamT
|
14년 전 | 756 | |
| 4076 | 14년 전 | 861 | ||
| 4075 | 14년 전 | 1975 | ||
| 4074 | 14년 전 | 994 | ||
| 4073 | 14년 전 | 900 | ||
| 4072 |
onlymilk74
|
14년 전 | 649 | |
| 4071 | 14년 전 | 898 | ||
| 4070 | 14년 전 | 1912 | ||
| 4069 | 14년 전 | 476 | ||
| 4068 | 14년 전 | 2436 | ||
| 4067 | 14년 전 | 803 | ||
| 4066 | 14년 전 | 513 | ||
| 4065 | 14년 전 | 515 | ||
| 4064 | 14년 전 | 774 | ||
| 4063 | 14년 전 | 683 | ||
| 4062 | 14년 전 | 579 | ||
| 4061 | 14년 전 | 1073 | ||
| 4060 | 14년 전 | 513 | ||
| 4059 | 14년 전 | 1193 | ||
| 4058 | 14년 전 | 1565 | ||
| 4057 | 14년 전 | 523 | ||
| 4056 |
 wooriteam |
14년 전 | 662 | |
| 4055 |
SGFlash
|
14년 전 | 509 | |
| 4054 |
Priere
|
14년 전 | 658 | |
| 4053 | 14년 전 | 1086 | ||
| 4052 | 14년 전 | 785 | ||
| 4051 | 14년 전 | 910 | ||
| 4050 | 14년 전 | 734 | ||
| 4049 | 14년 전 | 869 | ||
| 4048 |
내꿈은대통령
|
14년 전 | 456 | |
| 4047 |
visualp
|
14년 전 | 1266 | |
| 4046 |
visualp
|
14년 전 | 610 | |
| 4045 |
visualp
|
14년 전 | 1370 | |
| 4044 | 14년 전 | 8125 | ||
| 4043 | 14년 전 | 748 | ||
| 4042 | 14년 전 | 1596 | ||
| 4041 | 14년 전 | 1319 | ||
| 4040 | 14년 전 | 1593 | ||
| 4039 | 14년 전 | 1930 | ||
| 4038 | 14년 전 | 527 | ||
| 4037 |
sider
|
14년 전 | 670 | |
| 4036 | 14년 전 | 6463 | ||
| 4035 | 14년 전 | 652 | ||
| 4034 | 14년 전 | 584 | ||
| 4033 |
techer
|
14년 전 | 1731 | |
| 4032 | 14년 전 | 642 | ||
| 4031 | 14년 전 | 634 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기