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

Question

我有以下 jquery 下拉菜单：

http://kwedsd.byethost7.com/2.html

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

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

提前致谢。

Answer 1

设置以下为我解决了它：

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

Answer 2

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

添加一个padding-right: 2px到<li>你应该很好，因为这将保护背景图像的“边框状”位不被<a>.