2013-10-02 2 views
0

Многоуровневое выпадающее меню с использованием плагина суперфиша отображается правильно в браузере Chrome, Firefox, Safari, но в IE9 меню отображается вертикально, а не горизонтально. любая идея для решения этой проблемы?Проблема с выпадающим меню Superfish в IE9

то время я использовал код этого примера (View Page Source): http://users.tpg.com.au/j_birch/plugins/superfish/example.htm л

+1

вы используете css3 и i9 не поддерживает css3, только то есть10 поддерживает его – Bip

+0

Спасибо. но, похоже, он не использует функции css3. так что самое лучшее решение для создания многоуровневого выпадающего меню, которое совместимо со всеми браузерами с разными версиями? – Parisa

+0

вам нужно javascript для выпадающего меню. Он работает по-настоящему во всех браузерах. Вот пример ссылки для выпадающего списка js: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ http://sixrevisions.com/ design-showcase-inspiration/50-examples-of-drop-down-navigation-menus-in-web-designs/ – Bip

ответ

0

Я забыл ответить ... Я исправил эту проблему, добавив правильный DOCTYPE тег в моем меню JSP page.now появляется и работает в любом случае correctly.Thank Вас.

0

Я создал выпадающее меню с помощью CSS и рабочих IE9, как вы хотите: SAMPLE

Вы можете изменить стиль CSS что вы хотите.

<div id='cssmenu'> 
<ul> 
    <li class='active'><a href='index.html'><span>Home</span></a></li> 
    <li class='has-sub'><a href='#'><span>Products</span></a> 
     <ul> 
     <li class='has-sub'><a href='#'><span>Product 1</span></a> 
      <ul> 
       <li><a href='#'><span>Sub Item</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item</span></a></li> 
      </ul> 
     </li> 
     <li class='has-sub'><a href='#'><span>Product 2</span></a> 
      <ul> 
       <li><a href='#'><span>Sub Item</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item</span></a></li> 
      </ul> 
     </li> 
     </ul> 
    </li> 
    <li><a href='#'><span>About</span></a> 
    <ul> 
       <li><a href='#'><span>Sub Item 1</span></a></li> 
       <li class='last'><a href='#'><span>Sub Item 1</span></a></li> 
      </ul> 
    </li> 
    <li class='last'><a href='#'><span>Contact</span></a></li> 
</ul> 
</div> 
Смежные вопросы