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 처리는 독특합니다. 투명한 경우 뒤에 있는 내용을 의미상 가렸지만 선택이 가능해집니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4030 | 14년 전 | 2104 | ||
| 4029 |
 raineye |
14년 전 | 702 | |
| 4028 | 14년 전 | 3616 | ||
| 4027 | 14년 전 | 3744 | ||
| 4026 |
techer
|
14년 전 | 1114 | |
| 4025 |
techer
|
14년 전 | 681 | |
| 4024 | 14년 전 | 1357 | ||
| 4023 | 14년 전 | 601 | ||
| 4022 | 14년 전 | 921 | ||
| 4021 | 14년 전 | 512 | ||
| 4020 | 14년 전 | 7334 | ||
| 4019 | 14년 전 | 1020 | ||
| 4018 | 14년 전 | 432 | ||
| 4017 | 14년 전 | 597 | ||
| 4016 | 14년 전 | 1298 | ||
| 4015 | 14년 전 | 734 | ||
| 4014 | 14년 전 | 563 | ||
| 4013 | 14년 전 | 684 | ||
| 4012 | 14년 전 | 613 | ||
| 4011 |
브라운벤취
|
14년 전 | 424 | |
| 4010 |
크라잉감튀
|
14년 전 | 592 | |
| 4009 | 14년 전 | 572 | ||
| 4008 | 14년 전 | 561 | ||
| 4007 | 14년 전 | 633 | ||
| 4006 |
네비플러스
|
14년 전 | 876 | |
| 4005 | 14년 전 | 891 | ||
| 4004 | 14년 전 | 1115 | ||
| 4003 | 14년 전 | 777 | ||
| 4002 |
핑크스파이더
|
14년 전 | 696 | |
| 4001 | 14년 전 | 575 | ||
| 4000 |
BYongLuv
|
14년 전 | 542 | |
| 3999 |
xxbobo
|
14년 전 | 528 | |
| 3998 | 14년 전 | 712 | ||
| 3997 | 14년 전 | 1928 | ||
| 3996 | 14년 전 | 579 | ||
| 3995 | 14년 전 | 906 | ||
| 3994 |
asdfdasfddd
|
14년 전 | 2074 | |
| 3993 | 14년 전 | 1175 | ||
| 3992 | 14년 전 | 952 | ||
| 3991 | 14년 전 | 4688 | ||
| 3990 |
Torrious
|
14년 전 | 1890 | |
| 3989 | 14년 전 | 756 | ||
| 3988 |
내꿈은대통령
|
14년 전 | 620 | |
| 3987 | 14년 전 | 588 | ||
| 3986 |
 Zstyle |
14년 전 | 464 | |
| 3985 | 14년 전 | 1737 | ||
| 3984 | 14년 전 | 3057 | ||
| 3983 | 14년 전 | 551 | ||
| 3982 | 14년 전 | 745 | ||
| 3981 | 14년 전 | 1731 | ||
| 3980 | 14년 전 | 595 | ||
| 3979 |
AMDbest
|
14년 전 | 1248 | |
| 3978 |
leadK
|
14년 전 | 1598 | |
| 3977 |
좋은천사7
|
14년 전 | 10382 | |
| 3976 |
좋은천사7
|
14년 전 | 1125 | |
| 3975 |
좋은천사7
|
14년 전 | 940 | |
| 3974 |
좋은천사7
|
14년 전 | 1656 | |
| 3973 |
좋은천사7
|
14년 전 | 1693 | |
| 3972 |
좋은천사7
|
14년 전 | 865 | |
| 3971 |
김준수사랑
|
14년 전 | 966 | |
| 3970 |
레인보우1492
|
14년 전 | 783 | |
| 3969 | 14년 전 | 2415 | ||
| 3968 | 14년 전 | 574 | ||
| 3967 | 14년 전 | 722 | ||
| 3966 | 14년 전 | 1783 | ||
| 3965 | 14년 전 | 2066 | ||
| 3964 |
방황하는중년
|
14년 전 | 510 | |
| 3963 |
네비플러스
|
14년 전 | 892 | |
| 3962 | 14년 전 | 676 | ||
| 3961 | 14년 전 | 731 | ||
| 3960 | 14년 전 | 925 | ||
| 3959 | 14년 전 | 736 | ||
| 3958 |
techer
|
14년 전 | 644 | |
| 3957 |
techer
|
14년 전 | 461 | |
| 3956 |
techer
|
14년 전 | 440 | |
| 3955 |
techer
|
14년 전 | 669 | |
| 3954 |
8제임스8
|
14년 전 | 820 | |
| 3953 |
구름1354
|
14년 전 | 636 | |
| 3952 |
8제임스8
|
14년 전 | 613 | |
| 3951 | 14년 전 | 2434 | ||
| 3950 | 14년 전 | 946 | ||
| 3949 | 14년 전 | 1098 | ||
| 3948 | 14년 전 | 1076 | ||
| 3947 | 14년 전 | 1509 | ||
| 3946 |
 NJEAN |
14년 전 | 1898 | |
| 3945 | 14년 전 | 593 | ||
| 3944 |
 하루하루하루 |
14년 전 | 771 | |
| 3943 | 14년 전 | 1807 | ||
| 3942 | 14년 전 | 797 | ||
| 3941 | 14년 전 | 2096 | ||
| 3940 |
내일은없다
|
14년 전 | 579 | |
| 3939 | 14년 전 | 778 | ||
| 3938 | 14년 전 | 893 | ||
| 3937 | 14년 전 | 2009 | ||
| 3936 | 14년 전 | 832 | ||
| 3935 | 14년 전 | 3193 | ||
| 3934 | 14년 전 | 960 | ||
| 3933 | 14년 전 | 490 | ||
| 3932 | 14년 전 | 822 | ||
| 3931 |
Jos87
|
14년 전 | 672 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기