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

我有以下 jquery 下拉菜单:

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

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

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

提前致谢。

【问题讨论】:

    标签: jquery css drop-down-menu menu


    【解决方案1】:

    设置以下为我解决了它:

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

    【讨论】:

    • 谢谢,这对我来说应该很容易发现,但我想今天的时间太长了!再次感谢:)
    【解决方案2】:

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

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

    【讨论】:

    • 感谢您的回复,是的,我忘了提到边框不是正确的边框,只是图像。不过谢谢你的回答。
    猜你喜欢
    • 2013-01-19
    • 2011-07-14
    • 1970-01-01
    • 1970-01-01
    • 2014-01-05
    • 2015-03-27
    • 2017-08-18
    • 2013-01-24
    • 1970-01-01
    相关资源
    最近更新 更多