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>具有透明背景，因此在添加：悬停边框之前不会显示该问题。尝试在<a>上设置背景颜色，您会看到它覆盖了<li>的整个背景图片。

向padding-right: 2px添加<li>，您应该会感觉良好，因为这样可以保护背景图片的“边框状”位不被<a>覆盖。< / p>