2011-02-05 43 views
0

这是我为我的菜单代码:我该如何解决,即6悬停?

/*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个教程但是还没有找到做在IE 5.5或6菜单工作,我该如何解决这个问题的方法吗?

+0

复制你的HTML还... 没关系,答案是下来.. – 2011-02-05 18:04:36

回答

1

IE 5.5?真的......哇,我为你感到难过,如果你仍然需要兼容那么远...我想的传统企业应用程序?该死的!!

IE6只能理解:hover<a>元素。但是你可以尝试使用HTC文件来创建一个新的CSS行为,这里给出的解决方案:http://www.xs4all.nl/~peterned/csshover.html

3

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

+0

+1的JavaScript在HTC – sunn0 2011-02-05 18:13:27

+0

嗯..我仍然无法得到这个工作。我在哪里把JavaScript代码? – Yesterday 2011-02-05 18:32:57

相关问题