Подменю наведения в IE6 - PullRequest
Новая
       17

Подменю наведения в IE6

0 голосов
/ 15 июля 2010

Я занимаюсь веб-разработкой на WordPress, и у меня возникла проблема с ее подменю.Проблема в том, что он не отображается при наведении курсора на IE6.Наверное, что-то не так с CSS.Есть идеи?Можно ли это сделать без JavaScript?

, как я понимаю, проблема с #access ul ul {display: none;} когда я его удаляю, он всегда показывает подменю .. есть ли способ изменить его на что-то?

Ответы [ 3 ]

2 голосов
/ 15 июля 2010

Я полагаю, поскольку у меня нет кода, это то, что подменю использует li: hover, чтобы подменю появилось.IE6 поддерживает только псевдокласс: hover для тегов (в IE6 будет работать только a: hover).

Проверьте CSS Play для некоторых примеров выпадающего меню только CSS.

0 голосов
/ 12 августа 2011

Думаю, это возможно с помощью этого простого трюка ( overflow-height-trick ).

Обратите внимание, что:

  1. Контейнер должен иметь реальную высоту.
  2. Оболочка должна иметь реальную высоту и «положение: абсолютное значение».
  3. Дочерние обертки должны иметь реальный рост и «положение: относительное».

Оберните ваше меню так: 

< div id="container" >

 < div id="menu_wrapper >
  < div id="selector" >Computed Value< / div >
  < ul id="menu" >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
  < ul >
 < / div >

< / div >

Набор стилей: 

< style >
div#container{height:100%;}
div#menu_wrapper{height:32px; position:absolute;}
div#menu_wrapper:hover{height:100%;}
div#selector{height:32px;clear:both;}
ul#menu li{height:32px;}
< / style >

Наслаждайтесь)

0 голосов
/ 15 июля 2010

Нет, это невозможно без javascript, по крайней мере, в IE6, вам нужен javascript для IE6: (

Вот несколько вариантов для вас:

IE6 Hover Issue

...