Question

这是我的菜单代码：

/*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.我该如何解决这个问题？

Answer 1

IE6不支持：在锚标记以外的元素上悬停伪类。 Suckerfish的儿子有一个可能适合您的解决方案：http://www.htmldog.com/articles/suckerfish/dropdowns/

Answer 2

IE 5.5？真的......哇，如果你还需要兼容那么远，我感到很难过......我想是遗产公司的应用程序？该死!!

IE6只能理解:hover元素的<a>。但您可以尝试使用htc文件创建新的css行为的解决方案：http://www.xs4all.nl/~peterned/csshover.html

我如何修复即6悬停？

2 个答案: