css菜单中的透明边框

我使用的菜单如下。如何将底部边框从白色更改为透明，以便边框显示为透明边框。现在，当我将边框设置为透明时，整个菜单为橙色（菜单的背景色）：

ul#nav，
ul#nav ul{
保证金：0；
填充：0；
列表样式：无；
}
ul#nav li{
位置：相对位置；
浮动：左；
宽度：118px；
}
#纳夫利乌尔{
位置：绝对位置；
左：0；
顶部：自动；
左边距：-999em；
边框顶部：11px透明；
}
#李娜薇{
宽度：135px；
z指数：1；
}
#纳夫利乌尔{
位置：绝对位置；
左：100%；
顶部：-.1米；
左边距：-999em；
}
ul#nav li a{
显示：块；
文字装饰：无；
文本对齐：左对齐；
背景：白色；
边界：无；
}
*html ul#nav li a{身高：1%}
#李海军：盘旋a，
#李海军，一个月过去了，
#导航李：悬停李：悬停a，
#导航李，在李上，在a上，
#导航李：悬停李：悬停李：悬停a，
#导航李，在李上，在李上，在a上，
#李导航：悬停李a：悬停，
#李导航，在李上空a：悬停，
#导航李：悬停李：悬停李：悬停a：悬停，
#李导航，在李上空a：悬停，
#导航李：悬停李：悬停李：悬停李：悬停a：悬停，
#导航李，在李上方，在李上方，在李上方，在a:悬停{
颜色：#ff7f00；
背景色：白色；
}
#李导航：悬停李a，
#李导航，在李a上方，
#导航李：悬停李：悬停李a，
#导航李，在李上方，在李上方，
#导航李：悬停李：悬停李：悬停李a，
#导航李，导航李，导航李，导航李，导航李{
颜色：白色；
背景#ff7f00；
左边距：-10px；
边框底部：1px实心#FFFFFF；
过滤器：α（不透明度=95）；
-moz不透明度：0.95；
不透明度：0.95；
}
#nav li ul li a{padding:25px 7px 7px 7px}
ul#nav li:悬停ul-ul，
ul#nav li:悬停ul，
我是李导航，我是李导航，
ul#nav li.超过ul{左边距：-999em}
ul#nav li:悬停ul，
ul#nav li li:悬停ul，
ul#nav li:悬停ul，
u#navli li:悬停在ul上，
ul#nav li.超过ul，
ul#nav li li.超过ul，
ul#nav li.over ul{左边距：0}

此代码呈现时很难阅读。我想你已经试过了

边框底部：1px透明
只需使用

border-bottom: none;

使用或

border-bottom: none;

或者，如果仍要保持间隙，只需将颜色设置为透明即可：

border-bottom-color: transparent;

请制作一个JSFIDLE，以便其他人更容易理解和回答您的问题。谢谢是的，我试过了，但是边框是菜单的背景色。整个CSS都可以在屏幕上看到，你能不能将边框设置为菜单的背景色？还是渐变？pages.css的第68行是控制边框颜色的地方。我想我现在明白你在追求什么了。将边框设置为“透明”不会显示其后面的页面，它只会收紧div以删除任何边框。要达到效果，您需要在列表项之间留出间隙。你可以通过：#nav li li{margin bottom:1px；}来实现这一点。我也尝试过，但后来菜单崩溃了，因为当鼠标在菜单项之间移动时，背景获得了焦点。也可以在焦点上设置一个边距/acitve
border-bottom:2px solid rgba(0,0,0,.5);