Superfish가 IE8에 표시되지 않습니다

Question

superfish와 관련된 문제로 인해 드롭 다운 메뉴가 IE8에만 나타나지 않습니다. 그것은 다른 모든 것 (심지어 IE6)에 나타나지만 IE8에는 나타나지 않습니다. 나는 원본 JS를 전혀 수정하지 않았으며 내 목록이 표시되는 "subnav"라는 div를 호출합니다.

메뉴 항목에 마우스를 올려 놓으면 드롭 다운 메뉴의 CSS가 "visibility : visible, display : block"으로 변경되고 메뉴가 표시됩니다. IE8에서는 아무 일도 일어나지 않으며 CSS가 전혀 변경되지 않습니다.

어떤 아이디어가 원인 일 수 있습니까? 나는 또한 superfish에 대한 supersubs 플러그인을 사용하고 있습니다.

다음

#navbar ul{ 
    margin:10; 
    padding:0; 
    width:1000px; 
} 

#navbar li{ 
    float:left; 
    color:#191919; 
    list-style-type:none; 
    text-transform:uppercase; 
    background:transparent url('../images/common/layout/nav-separator.jpg') center right no-repeat; 
    padding:10px 0; 
} 

#navbar li.last{ 
    background:none; 
} 

#navbar ul li a{ 
    padding: 12px 33px; 
    color: #fff; 
    text-decoration: none; 
} 

#navbar ul li a:hover{ 
    color:#05af0d; 
    background:transparent url(../images/common/layout/nav-hover-highlight.png) top center no-repeat; 
} 

#navbar ul li a.hover-arrow:after{ 
    margin-left:10px; 
    content:url(../images/common/nav-arrow.png); 
} 

#navbar ul li:hover a.hover-arrow:after{ 
    margin-left:10px; 
    content:url(../images/common/nav-arrow-roll.png); 
} 

#navbar ul li a.hover-arrow:hover{ 
    background:#000 url('../images/common/layout/nav-separator.jpg') right 9px no-repeat; 
} 

#navbar ul li p{ 
    margin:0; 
    display:inline-block; 
} 


/*Sub Nav Lists */ 
.subnav { 
    display:none; 
    visibility:hidden; 
} 

#navbar ul li ul{ 
    margin:0; padding:0;  
    position: absolute; 
    left: auto; top: 40px; 
    background: #333; 
    z-index: 99; 
} 

#navbar ul li ul li{ 
    background:none; 
} 

#navbar ul li ul li a{ 
    padding:0px 3px; 
    display:inline-block; 
    margin:0; 
    width:150px; 
    text-transform:capitalize; 
} 

#navbar ul li ul li a:hover{ 
    background-color:#a7a7a7; 
    color:#000; 
    border:none; 
    background-image:none; 
    font-weight:bold; 
} 

이 페이지에 무슨 방법 : 여기

는 CSS입니다

<div id="navbar">  
    <ul class="topnav"> 
     <li id="item 1"><p></p> 
     <ul class="subnav"></subnav> 
     </li> 
     <li id="item 2"><p></p> 
     <ul class="subnav"></subnav> 
     </li> 
     etc... 
    </ul> 
</div> 

Answer 1

이 당신이보고있는 문제를 해결한다면 모르겠지만, 나는 눈치가 아니라 html 스 니펫을 사용하여 subnav 클래스의 UL 요소가 적절한 태그로 닫히지 않도록합니다. 내가 노력하겠다고 우선으로 대체된다

<ul class="subnav"></ul>

다른 오류가 IE8로 우아와 같은 다른 브라우저에 의해 처리 될 수 없습니다. 유효성 검사기를 통해 페이지를 실행 해보십시오 (예 : The W3C Markup Validator)