2013-07-28 73 views
-2

我有一個css下拉菜單,鼠標懸停在菜單中,我也有一個選擇框。問題是每當我點擊選擇框菜單消失。選擇:懸停不起作用

我已經試過是添加打開菜單

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns, 
#menu li:hover .dropdown_4columns, 
#year-select select:hover, 
#menu li:hover .dropdown_5columns { 
    left:-1px; 
    top:auto; 
} 

HTML #year-select select:hover,

CSS

<select name="year-select" ONCHANGE="location = this.options[this.selectedIndex].value;"> 
     <option value="2012"> 
... 
</select> 

http://jsfiddle.net/B9eUM/

+0

你可以發佈一個工作示例(jsfiddle)嗎? – Oriol

+0

這裏你去http://jsfiddle.net/B9eUM/ – rabotalius

+1

它適用於我在Firefox 22上很好。你使用什麼瀏覽器? –

回答

0

只要點擊選擇移出後鼠標下拉選擇部分d oes不關閉。
那麼你可以創建一個小的下拉框,就像你的菜單一樣,而不是使用選擇標籤。