IE6,7에서 z-index 문제..
역곡중
.list{}
.list li {float:left;position:relative;width:150px; background:#f0f0f0;}
.list ul {position：absolute;top:20px;left:0;z-index:10;width:100%;padding:5px;border:2px solid #62aa24;background:#ffffff;}
.list ul li {float:none;background:#CCFFFF;}
ul class=list
lia href=#일반연구자지원사업/a
ul
lia href=#신진연구/a/li
lia href=#기본연구/a/li
lia href=#여성과학자/a/li
lia href=#지역대학우수과학자/a/li
/ul
/li
lia href=#일반연구자지원사업/a
ul
lia href=#신진연구/a/li
lia href=#기본연구/a/li
lia href=#여성과학자/a/li
lia href=#지역대학우수과학자/a/li
/ul
/li
lia href=#일반연구자지원사업/a
ul
lia href=#신진연구/a/li
lia href=#기본연구/a/li
lia href=#여성과학자/a/li
lia href=#지역대학우수과학자/a/li
/ul
/li
/ul
--------------------------------------------------
이렇게 마크업했는데
IE8버전, 파이어폭스, 구글크롬, 사파리, 오페라 모두 오른쪽 캡처처럼 잘 나오는데,
IE6,7버전이 밑으로 숨어버리네요....T_T
-
바나나맛캔디
넵... 하지만 반응이 없어요...
-
미르
제 생각에는 레이어가 들어있는 li 가 모두 position:relative 가 되어서 그런거 같습니다.
그래서 저는 비슷한 경우에, 스크립트로 보여지는 레이어가 있는 li만 position:relative; 로 하고,
나머지는 li들은 position:static; 로 초기화 합니다. -
돋가이
li 에다 relative 주지말구 .list 에다가 position:relative;z-index:1; 을 추가해보세요
-
사랑은아픔
html 레이어는 너무 어려우면서도 재미있는듯 ㅠㅠ
-
난초
제가 알고싶은 것과 반대네요.....ㄷㄷ