Superfish가 IE에서 작동하지 않습니다. 6-9

Question

Superfish 메뉴를 사용하는 WordPress 웹 사이트가 있습니다. 이 메뉴는 Chrome, Firefox 및 IE 10-11에서 제대로 작동하지만 IE 6-9의 하위 메뉴는 표시하지 않습니다. 하위 메뉴는 Internet Explorer 9에서 "투명하게"보입니다. Google에서 솔루션을 검색했지만 그 중 아무 것도 작동하지 않는 것 같습니다.

방법 I은 시도 :

• 분리 필터 (어떤 발견 할 수 없었다) 서브 메뉴
• z-index: -1에
• z-index: 9999999 중첩 요소
서브 메뉴
• 을에
• visibility: visible; overflow: visible; opacity: 1 켜짐 Added <meta http-equiv="X-UA-Compatible" content="IE=Edge" >
• 최신 버전의 Superfis로 업데이트되었습니다.

  .menu-main-container { 
      background: #60ac5f; /* Old browsers */ 
      background: -moz-linear-gradient(top, #60ac5f 0%, #3a7539 100%); /* FF3.6+ */ 
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60ac5f), color-stop(100%,#3a7539)); /* Chrome,Safari4+ */ 
      background: -webkit-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Chrome10+,Safari5.1+ */ 
      background: -o-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Opera 11.10+ */ 
      background: -ms-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* IE10+ */ 
      background: linear-gradient(to bottom, #60ac5f 0%,#3a7539 100%); /* W3C */ 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60ac5f', endColorstr='#3a7539',GradientType=0); /* IE6-9 */ 
      position: fixed !important; 
      top: auto !important; 
      z-index: 151 !important; 
  } 
  
  #menu-main { 
      position: relative; 
  } 
  
  #menu-main li { 
      background: transparent !important; 
  } 
  
  #menu-main li a { 
      font-size: 17px; 
      font-weight: 400 !important; 
      font-family: "Open Sans"; 
      border: none; 
      padding: 0.46em 1em; 
  } 
  
  #menu-main a:focus, #menu-main a:hover, #menu-main a:active, #menu-main .current_page_item, #menu-main li:hover, #menu-main li.sfHover { 
      outline:  0; 
      background: none repeat scroll 0 0 #E79E38 !important; 
  } 
  
  #menu-main li:hover ul, .menu li.sfHover ul { 
      top: 43px !important; 
  } 
  
  #menu-main ul { 
      z-index:999 !important; 
  } 
  
  #menu-main li ul li a{ 
      font-size: 15px !important; 
  } 
  
  #menu-main li li { 
       background: none repeat scroll 0 0 #E79E38 !important; 
       border-bottom: 1px solid #BF711C !important; 
  } 
  
  #menu-main li ul li a:hover { 
      background: none repeat scroll 0 0 #DC8122 !important; 
  } 
  

  웹 사이트 : tinyurl.com/oyxgnmk를 시간

는 여기에 내가 superfish.css가 겹쳐있는 style.css에있는거야.

Answer 1

확인을 클릭합니다. 문제는 .menu-main-container 클래스의 필터입니다.

.menu-main-container { 
    background: #60ac5f; /* Old browsers */ 
    background: -moz-linear-gradient(top, #60ac5f 0%, #3a7539 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60ac5f), color-stop(100%,#3a7539)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #60ac5f 0%,#3a7539 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60ac5f', endColorstr='#3a7539',GradientType=0); /* IE6-9 */ 
    position: fixed !important; 
    top: auto !important; 
    z-index: 151 !important; 
} 

새로운 코드 :

.menu-main-container { 
    background: #60ac5f; /* Old browsers */ 
    background: -moz-linear-gradient(top, #60ac5f 0%, #3a7539 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60ac5f), color-stop(100%,#3a7539)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #60ac5f 0%,#3a7539 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #60ac5f 0%,#3a7539 100%); /* W3C */ 
    position: fixed !important; 
    top: auto !important; 
    z-index: 151 !important; 
}