Jquery下拉菜单 - 图像的css悬停重叠答案

【问题标题】：Jquery dropdown menu - css hover overlap of imageJquery下拉菜单 - 图像的css悬停重叠
【发布时间】：2013-03-23 00:27:55
【问题描述】：

我有以下 jquery 下拉菜单：

当您悬停任何顶级链接时，会出现绿色水平条（悬停状态），如果您仔细查看绿色水平条与边框重叠购买约 2 px 请任何人都可以建议我如何更改 css 以阻止这种重叠发生.

另外，为了便于查看，我附上了一张图片。（红色方块表示重叠）

提前致谢。

【问题讨论】：

【解决方案1】：

设置以下为我解决了它：

.ddsmoothmenu ul li a {
  margin-right:2px;
}

【讨论】：

【解决方案2】：

其实那不是边框，而是<li>元素的背景图片，看起来像边框。因此，它实际上位于<li> 内部，因此可以被内部的<a> 标签覆盖。由于<a> 具有透明背景，因此在添加 :hover 边框之前问题不会显示。尝试在<a> 上设置背景颜色，您会看到它覆盖了<li> 的整个背景图像。

在<li> 中添加padding-right: 2px 应该没问题，因为这将保护背景图像的“边框状”位不被<a> 覆盖。

【讨论】：