2011-09-16 127 views
2

我想創建一個像下面的下拉菜單,但似乎無法得到菜單週圍出現的邊框,我會擺脫'菜單'下面的邊框CSS下拉菜單刪除邊框

在此先感謝

+1

你不應該使用大綱邊框,因爲它不支持'大綱bottom',你需要,而不是整體跨越瀏覽器友好。 http://reference.sitepoint.com/css/outline。 – c69

回答

3

我玩了很多風格,所以檢討它瞭解。

首先我改變了使用outlinebordersMenu項目沒有底部邊框,並且它出現在下拉菜單上。

這裏是工作的樣品(FF6,IE9,Chrome瀏覽器測試):http://jsfiddle.net/a3MLn/9/

+0

好主意!不錯的工作! –

+0

感謝您的幫助,在Chrome和Safari(Mac)上看起來不錯,但我仍然看到firefox 6.0.2 osx獅子的邊框底部,不知道爲什麼? 也是我使用大綱的原因,因爲當我有更多的項目時,菜單移動邊框設置。 – Beto

+0

使用樣式進行播放以與主菜單項目重疊子菜單的頂部邊框。也許你需要使用css hacks或者查看元素的位置(例如用固定大小的像素替換'top:98%')。 – Samich