跳过悬停的菜单

我有一个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

跳过悬停的菜单

回答

相关问题