수다닷컴

CSS만으로 탭으로 이동이 불가한건지요? ㅠㅠ 몇칠 고민하는데...풀지를 못하고 있습니다.depth2로 초점이동이 안됩니다. tabindex를 써봐도..ㅠㅠ 괜히 필꼬쳐서..ㅠㅠ 이것만 들여다 보고 있네요.

꼭 jQuery를 써야 하는지요? 제이쿼리로는 잘되는데 CSS만으로 구현해보고 싶어서요.
TEST URLhttp://14.39.144.162:8080/menu_test/menu_test01.html
Colored By Color Scripter™123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100!doctypehtmlhtmllang=koheadmetacharset=UTF-8/titleGNB/titlestyletype=text/cssmedia=screen/*reset*/html{overflow-y:scroll;}html,body{margin:0;padding:0;height:100%;word-break:word-break;}body{overflow:visible;font:12px/1.5NanumGothic,돋움,Dotum,sans-serif;}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}input,textarea,select,td,th{font:12px/150%NanumGothic,돋움,Dotum,sans-serif;vertical-align:middle;}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}ol,ul,li{list-style:none;}hr,legend,caption,.hidden{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}caption{position:relative;display:none;}img,fieldset{border:0none;}label,button{cursor:pointer;}em,address{font-style:normal;}div{word-break:break-all;}a:link,a:visited{color:#8c8c8c;text-decoration:none;}a:hover,a:active,a:focus{color:#414141;text-decoration:none;background:none;}/*common:floatclear*/.cf:after{content:;display:block;clear:both;}.cf{*zoom:1;}/*리더기나검색엔진도못읽습니다.*/.hideClear{width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}.depth1{position:relative;z-index:10000;}.depth1li{float:left;list-style:none;width:150px;}.depth1lia{display:block;width:150px;height:30px;background:red;border-left:1pxsolid#fff;}.depth1li:hovera{color:#FFFFFF;background:#000000;}.depth1li:hover.depth2{display:block;}.depth1lia:focus+ul.depth2{display:block;}.depth2/fonth2{display:none;}.depth2li{list-style:none;}.depth2lia{display:block;width:150px;height:22px;}.depth2li:hovera{color:#414141;}.depth2li:hover.depth3{display:block;}.depth3{display:none;}/style/headbodyh2메뉴입니다.쿄쿄/h2ulclass=depth1cfliahref=#메뉴1/aulclass=depth2liahref=#서브메뉴1-1/aulclass=depth3liahref=#서브메뉴1-1-1/a/liliahref=#서브메뉴1-1-2/a/liliahref=#서브메뉴1-1-3/a/li/ul/liliahref=#서브메뉴1-2/a/liliahref=#서브메뉴1-3/a/liliahref=#서브메뉴1-4/a/liliahref=#서브메뉴1-5/a/li/ul/liliahref=#메뉴2/aulclass=depth2liahref=#서브메뉴2-1/a/liliahref=0022CC#서브메뉴2-2/a/liliahref=#서브메뉴2-3/a/liliahref=#서브메뉴2-4/a/liliahref=#서브메뉴2-5/a/li/ul/liliahref=#메뉴3/aulclass=depth2liahref=#서브메뉴3-1/a/liliahref=#서브메뉴3-2/a/liliahref=#서브메뉴3-3/a/liliahref=#서브메뉴3-4/a/liliahref=#서브메뉴3-5/a/li/ul/liliahref=#메뉴4/aulclass=depth2liahref=#서브메뉴4-1/a/liliahref=#서브메뉴4-2/a/liliahref=#서브메뉴4-3/a/liliahref=#서브메뉴4-4/a/liliahref=#서브메뉴4-5/a/li/ul/liliahref=#메뉴5/aulclass=depth2liahref=#서브메뉴5-1/a/liliahref=#서브메뉴5-2/a/liliahref=#서브메뉴5-3/a/liliahref=#서브메뉴5-4/a/liliahref=#서브메뉴5-5/a/li/ul/li/ul/body/html

신청하기