列表上方的菜单白线答案

【问题标题】：Menu white line above the lists列表上方的菜单白线
【发布时间】：2014-08-03 19:57:53
【问题描述】：

我已经在这个网站 MY SITE 上工作了好几天。我使用 UBER 菜单插件 以更自定义的方式显示我的菜单并且工作正常.但是当它显示时它在菜单项上方显示一条细白线。我添加了以下没有帮助的css

border-top:none !important;

请有人帮帮我。谢谢:) !!!

【问题讨论】：

附上你的css和html代码
为什么有这么多的css覆盖？
我认为您必须将此代码添加到您的菜单中：border-size:0px 和 border-color:blue ......这是非常愚蠢的解决方案......如果您附上所有代码，我们可以回答这个问题
对不起... 我们可以 :)
我把这个加到哪个班级？

【解决方案1】：

试试css命令vertical-align如下：

vertical-align:top

希望这可能有助于解决您的问题。

【讨论】：

【解决方案2】：

以下css具有透明背景色。

 #megaMenu li.menu-item
 {
  background-color:transparent;
 }

对这个类应用相同的菜单背景。它将解决问题。

 #megaMenu li.menu-item
 {
  background-color:#606b9a;
 }

【讨论】：

【解决方案3】：

它是#megaMenu div 上的白色 box-shadow，删除它使用

box-shadow:none;
-webkit-box-shadow:none;

【讨论】：