2011-02-05 80 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