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 처리는 독특합니다. 투명한 경우 뒤에 있는 내용을 의미상 가렸지만 선택이 가능해집니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3930 | 14년 전 | 1352 | ||
| 3929 |
방황하는중년
|
14년 전 | 525 | |
| 3928 | 14년 전 | 638 | ||
| 3927 | 14년 전 | 691 | ||
| 3926 |
Lemios
|
14년 전 | 710 | |
| 3925 | 14년 전 | 992 | ||
| 3924 |
 TopSchooL |
14년 전 | 1039 | |
| 3923 | 14년 전 | 1613 | ||
| 3922 | 14년 전 | 633 | ||
| 3921 |
피디인사이드
|
14년 전 | 1081 | |
| 3920 |
wgarlic
|
14년 전 | 2869 | |
| 3919 |
또치2009
|
14년 전 | 793 | |
| 3918 | 14년 전 | 747 | ||
| 3917 |
 KoreaCpt |
14년 전 | 1181 | |
| 3916 | 14년 전 | 1174 | ||
| 3915 | 14년 전 | 2020 | ||
| 3914 | 14년 전 | 1233 | ||
| 3913 | 14년 전 | 608 | ||
| 3912 | 14년 전 | 549 | ||
| 3911 | 14년 전 | 465 | ||
| 3910 | 14년 전 | 671 | ||
| 3909 | 14년 전 | 2187 | ||
| 3908 | 14년 전 | 623 | ||
| 3907 | 14년 전 | 646 | ||
| 3906 | 14년 전 | 743 | ||
| 3905 | 14년 전 | 944 | ||
| 3904 |
후라보노보노
|
14년 전 | 590 | |
| 3903 | 14년 전 | 870 | ||
| 3902 | 14년 전 | 1430 | ||
| 3901 |
fstjang
|
14년 전 | 664 | |
| 3900 | 14년 전 | 989 | ||
| 3899 |
 나스디자인 |
14년 전 | 437 | |
| 3898 | 14년 전 | 504 | ||
| 3897 | 14년 전 | 982 | ||
| 3896 | 14년 전 | 1333 | ||
| 3895 | 14년 전 | 1419 | ||
| 3894 | 14년 전 | 885 | ||
| 3893 | 14년 전 | 812 | ||
| 3892 |
 날라리개발자 |
14년 전 | 1334 | |
| 3891 | 14년 전 | 857 | ||
| 3890 | 14년 전 | 3953 | ||
| 3889 | 14년 전 | 1885 | ||
| 3888 | 14년 전 | 680 | ||
| 3887 | 14년 전 | 602 | ||
| 3886 | 14년 전 | 3542 | ||
| 3885 |
후라보노보노
|
14년 전 | 4243 | |
| 3884 | 14년 전 | 981 | ||
| 3883 | 14년 전 | 1162 | ||
| 3882 | 14년 전 | 4399 | ||
| 3881 |
minini
|
14년 전 | 1221 | |
| 3880 | 14년 전 | 995 | ||
| 3879 | 14년 전 | 746 | ||
| 3878 | 14년 전 | 764 | ||
| 3877 |
내꿈은대통령
|
14년 전 | 951 | |
| 3876 | 14년 전 | 880 | ||
| 3875 | 14년 전 | 1031 | ||
| 3874 | 14년 전 | 908 | ||
| 3873 | 14년 전 | 1331 | ||
| 3872 |
뜨드미지근
|
14년 전 | 677 | |
| 3871 |
SW커뮤니케이션
|
14년 전 | 537 | |
| 3870 |
방황하는중년
|
14년 전 | 561 | |
| 3869 | 14년 전 | 709 | ||
| 3868 | 14년 전 | 1174 | ||
| 3867 |
방황하는중년
|
14년 전 | 815 | |
| 3866 |
웹스커뮤니티
|
14년 전 | 1355 | |
| 3865 | 14년 전 | 1109 | ||
| 3864 |
 Terrorboy |
14년 전 | 1081 | |
| 3863 | 14년 전 | 1052 | ||
| 3862 |
 비주얼브릭스 |
14년 전 | 1919 | |
| 3861 |
비주얼브릭스 |
14년 전 | 3238 | |
| 3860 | 14년 전 | 1447 | ||
| 3859 | 14년 전 | 2386 | ||
| 3858 |
웹스커뮤니티
|
14년 전 | 1891 | |
| 3857 | 14년 전 | 1773 | ||
| 3856 |
크라잉감튀
|
14년 전 | 951 | |
| 3855 |
techer
|
14년 전 | 491 | |
| 3854 |
techer
|
14년 전 | 774 | |
| 3853 |
techer
|
14년 전 | 934 | |
| 3852 |
디자이너몽
|
14년 전 | 1652 | |
| 3851 | 14년 전 | 1710 | ||
| 3850 | 14년 전 | 1137 | ||
| 3849 | 14년 전 | 784 | ||
| 3848 | 14년 전 | 1005 | ||
| 3847 | 14년 전 | 1035 | ||
| 3846 | 14년 전 | 1050 | ||
| 3845 | 14년 전 | 582 | ||
| 3844 |
풍객리무진짱
|
14년 전 | 654 | |
| 3843 | 14년 전 | 770 | ||
| 3842 | 14년 전 | 1720 | ||
| 3841 | 14년 전 | 918 | ||
| 3840 | 14년 전 | 859 | ||
| 3839 | 14년 전 | 1150 | ||
| 3838 |
xkingcode
|
14년 전 | 762 | |
| 3837 | 14년 전 | 914 | ||
| 3836 | 14년 전 | 866 | ||
| 3835 |
temptiger
|
14년 전 | 1148 | |
| 3834 | 14년 전 | 695 | ||
| 3833 | 14년 전 | 705 | ||
| 3832 | 14년 전 | 613 | ||
| 3831 | 14년 전 | 725 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기