Как мне исправить то есть 6 завис? - PullRequest
0 голосов
/ 05 февраля 2011

Это мой код для моего меню:

/*Menu*/    
#menu {
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    position: relative;
    z-index: 5;
    font-size: 0.75em;
}

#menu ul {
    margin: 0;
    padding: 10px 5px 5px 5px;
    list-style: none;
    line-height: normal;
    border: 0px solid #03426A;
    -moz-border-radius: 6px;
    background: #F3F4FF;
    position:relative;
    width: auto;
    float:right;
}
#menu ul li {
  float: left;
}
#menu li ul {
    display: none;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    color: #000;  
    display: block;
    padding: 0px 15px 5px 15px;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    border: none;
}
#menu ul li a:hover {
    color: #0A67A3; 
}
#menu li:hover ul {
  display: block;
  position: absolute;
}
#menu li:hover li {
  float: none;
  font-size: 0.9em;
}
#menu li:hover a { color: #0A67A3; }
#menu li:hover li a:hover { color: #000; }

/*End Menu*/

Я пробовал 2 урока, но не нашел способа заставить меню работать, например, 5.5 или 6. Как это исправить?

Ответы [ 2 ]

3 голосов
/ 05 февраля 2011

IE6 не поддерживает: hover псевдокласс на элементах, отличных от тегов привязки.У Son of Suckerfish есть решение, которое может работать на вас: http://www.htmldog.com/articles/suckerfish/dropdowns/

1 голос
/ 05 февраля 2011

IE 5.5?Действительно ... Вау, мне жаль тебя, если тебе все еще нужно быть совместимым ... Устаревшее корпоративное приложение, я полагаю?Черт!

IE6 понимает только :hover для <a> элементов, это точно.Но вы можете попробовать приведенное здесь решение, которое использует htc-файл для создания нового поведения CSS: http://www.xs4all.nl/~peterned/csshover.html

...