수다닷컴

홈페이지를 만들고 있습니다.

질문드릴게 있는데요~ 이미지 위로 메뉴바 형식의 li를 포지션으로 이미지 위로 겹치게 한후 hover효과를 주고 링크를 줬습니다.

크롬에서는 무리없이 잘 되는데 익스플로러에서는 이미지쪽에 마우스를 올리면 링크가 되지 않습니다.

http://rental-man.co.kr/product/list.html?cate_no=5

링크에서 빨강색바위로 메뉴바를 만들었고 빨강 배경에는 hover, 링크효과가 없어집니다

css 부분입니다.

-------------------------------------------------------------------------------------------------------------------

.xans-product-menupackage .menuCategory { position:relative; top:-50px; width:1050; height:100px; margin:0 0 0 0; border:0px solid #dedcdc; z-index:500; }

.xans-product-menupackage .menuCategory li { float:left; overflow:hidden; margin:0 0 0 0; width:100px; height:100px; border-top:1px solid #dddde1; border-right:1px solid #dddde1; border-bottom:1px solid #dddde1; border-left:1px solid #fff; }

.xans-product-menupackage .menuCategory li a { float:left; width:100%; height:100%; text-align:center; padding:60px 0 0 0; }

.xans-product-menupackage .menuCategory li a:hover { float:left; width:100%; height:100%; text-align:center; padding:65px 0 0 0; background:url(/web/upload/over.png) 0 0 no-repeat; }
html 부분입니다.

-------------------------------------------------------------------------------------------------------------------

p class=catagory_title module=product_headcategoryimg src=http://rental-man.co.kr/web/upload/base_category5_top.jpg //p

ul class=menuCategory
li module=product_menucategory
a href=/product/list.html?cate_no=5쿠쿠/a
/li
/ul
이유가 뭔지 알수 있을까요 ㅜㅜ

신청하기