css下拉問題

-2

那裏！我堅持一個簡單的CSS下拉菜單。您可以在下面的鏈接中看到代碼。我的問題是，當我在用戶名之前放置一些鏈接時，由於懸停在下拉菜單上，無法使用它。我需要只在將鼠標懸停在用戶名上而不是整個#userdrop div時觸發下拉菜單。請注意，z-index屬性不是我的解決方案。css下拉問題

http://k-prim.biz/ttpm/demo.html

來源

2012-09-06 Ljubo Valevski

你認爲JavaScript的小提琴替換CSS和錨標記？ –

對javascript的任何建議？ –

這是因爲#user絕對定位的。失去這一點，並切換到浮動：正確的，有一些保證金（或某些東西），這應該自行解決。

更改此：

#user{ 
    position:absolute;right:30px; top:5px; 
    text-align:right; 
    width: 202px; 
    overflow: hidden; 
}

要這樣：

#user{ 
    float:right;right:30px; top:5px; 
    text-align:right; 
    width: 202px; 
    overflow: hidden; 
}

我只是改變position:absolute至float:right，和它的工作完美，除了需要小幅調整保證金。

來源

2012-09-06 06:18:21

或者，只需調整指定的寬度，使其足夠窄而不會覆蓋它。 –

更改定位並沒有幫助，寬度也無法修復，因爲用戶名會變化 –

當然，我只是仔細檢查並澄清了我的答案。 –

根據這個代碼

#link { 
    display: block; 
    height: 20px; 
    position: absolute; 
    right: 124px; 
    top: 5px; 
} 





#user { 
    overflow: hidden; 
    position: absolute; 
    right: 30px; 
    text-align: right; 
    top: 5px; 
    width: 202px; 
    z-index: -1; 
} 



<a href="#" style="display: block; height: 28px; text-align: right; width: 76px;">Link here</a>

有http://jsfiddle.net/7jexs/2/

來源

2012-09-06 06:31:31 supersaiyan

是的，它的工作原理，但使用Z指數;（ –

所以你沒有使用Z指數 – supersaiyan

回答

相關問題