jquery superfish 메뉴 플러그인을 수정하여 메뉴 이미지를 사용하도록 수정해야했습니다. 이 데모를보십시오. http://www.okadadesign.no/vitaveritas/.jquery superfish 메뉴 플러그인을 사용하여 IE7에서 Z- 인덱스 문제가 발생했습니다.
Om oss와 Medieomtale에는 하위 메뉴가 있습니다. 이 메뉴에는 스프라이트 이미지가 사용되었습니다.
IE8, FF 등에서 잘 작동하지만 IE7에는 하위 메뉴가 표시됩니다. 하위 메뉴를 표시하지만 하위 메뉴에서 탐색하려고하면 사라집니다.
누구든지이 문제를 해결하기 위해 나를 도울 수 있습니까?
미리 감사드립니다.
저는 항상 .sf-menu li li에 z-index를 넣어서 ie6/7에 나타날 하위 메뉴를 얻었습니다.
hoverIntent을 사용하면 도움이 될 수도 있습니다. superfish page에 대한 세부 정보가 있습니다.
IE7과 IE6에서 Z- 색인 문제를 다음과 같이 추가하여 수정했습니다. position : relative; 및 z- 지수 : 10000; (sf-menu)가 포함 된 주 #nav div에 작업이 완료되었습니다.
또한 .sf_menu li ul에서 "배경"을 지정하지 않은 것처럼 어리 석을 수도 있습니다. 그라데이션 (IE에서 필터)을 사용하고 원래 배경색을 지정하지 않았습니다.
background: #F3F3F3; /* required for IE to retain hover state */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D8D8D8');
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D8D8D8));
background: -moz-linear-gradient(top, #F3F3F3, #D8D8D8);
이 답변을 주셔서 감사합니다. –
+1 고마워요. 지금 당장 나를 위해 일해 줘서 고마워. – Mark
+1 멋진 작품 - 좋은 직장 @Sylar – Yarin