跳過懸停的菜單

我有一個web應用程序（ASP.NET 2.0 C＃）。在我的母版頁上，我有一個菜單控件，並且我使用一個css樣式表來設置菜單的不同部分。出於某種原因，當我將鼠標懸停在菜單上時，它會跳出一點點。我想，當我將鼠標懸停在其上時，邊界會變得更大。跳過懸停的菜單

繼承人的造型爲整個菜單：

.menu 
{ 
    width:110%; 
    height:25px; 
    border: 1px solid gray; 
    text-align:center; 
}

我的繼承人爲StaticHoverStyle風格：

.staticMenuHover 
{ 
    background-color:#CCCCCC; 
    border-style:solid; 
    border-color:#888888; 
    text-decoration: underline; 
    border-width:thin; 
}

我不知道爲什麼發生這種情況，有人可以幫忙嗎？

謝謝

來源

2009-04-23 zohair

你可以下劃線總是添加到鏈接（不是文字修飾）並調整填充。工作示例：

#menu ul li a { 
    display: block; 
    width: 95%; 
    padding: 0px 2px 2px 4px; 
    text-decoration: none; 
    color: rgb(30%,30%,60%); background: transparent; 
} 
#menu ul li a:visited { 
    color: rgb(50%,10%,100%); 
} 
#menu ul li a:hover { 
    color: #000; 
    border-bottom: 2px solid #c63; 
    background: #fcf; 
    padding-bottom: 0px; }

是什麼讓這個工作是改變2px的底部填充，以0像素，並在相同的規則添加2px的下邊框。顏色的變化與手頭的問題無關。

來源

2009-04-23 16:43:29 Traingamer

這是因爲你在強調你的文本。嘗試沒有文字修飾，我敢打賭它會解決你的問題。

來源

2009-04-23 14:16:27 jgallant

您的懸停類的邊框寬度設置爲薄，在我的測試中，它將呈現爲2像素邊框。將其設置爲1px。

border-width:1px;

您也可以摺疊該第二類的邊界規則單行，使其與您的第一類這樣的一致：

border:1px solid #888888;

來源

2009-04-23 14:19:34

跳過懸停的菜單

回答

相關問題