Css 删除引导3上下拉菜单和下拉菜单之间的边框

如何设置CSS设置以显示引导

。下拉菜单

和

。下拉菜单

看起来像下图中合并的（无边框）第二个菜单

.navbar default.navbar nav>li>a{
边框底部：0px实心#ccc；
}
.navbar默认值{}
.下拉列表{
左边框：1px实心透明；
右边框：1px实心透明；
}
.下拉列表：悬停{
背景：白色；
左边框：1px实心#ccc；
右边框：1px实心#ccc；
边框底部：0px实心#fff；
}
.下拉菜单.下拉菜单{
边框顶部：1px实心#ccc；
z指数：1；
}
.下拉菜单.下拉菜单{
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-ms转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
最大高度：0；
显示：块；
溢出：隐藏；
不透明度：0；
盒影：无；
边界半径：0px；
}
.下拉菜单：悬停.下拉菜单{
最大高度：400px；
不透明度：1；
}

切换导航

---

（请注意末尾的两个附加属性）

您可以使用

a

元素的底部边框（带有一些z索引和负边距），使其覆盖菜单上的边框。默认选择器相当重，但它可以工作

您还需要将左侧菜单下拉列表向左移动以隐藏间隙，将右侧下拉列表向右移动。您可以分别使用

translateX（-1px）

和

translateX（1px）

来实现这一点。我建议使用变换，因为如果使用边距，似乎会出现动画延迟

.navbar default.navbar nav>li>a{
边框底部：0px实心#ccc；
}
.navbar默认值{}
.下拉列表{
左边框：1px实心透明；
右边框：1px实心透明；
}
.下拉列表：悬停{
背景：白色；
左边框：1px实心#ccc；
右边框：1px实心#ccc；
边框底部：0px实心#fff；
}
.下拉菜单.下拉菜单{
边框顶部：1px实心#ccc；
z指数：1；
}
.下拉菜单.下拉菜单{
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
-ms转换：所有0.5s；
-o型过渡：均为0.5s；
过渡：均为0.5s；
最大高度：0；
显示：块；
溢出：隐藏；
不透明度：0；
盒影：无；
边界半径：0px；
}
.下拉菜单：悬停.下拉菜单{
最大高度：400px；
不透明度：1；
}
/*新CSS*/
.navbar默认值.navbar导航>li:悬停>a{
边框底部：1px实心#fff；
边缘底部：-1px；
z指数：10；
} 
.下拉菜单{
转换：translateX（-1px）；
}
.导航栏右侧.下拉菜单{
转化：translateX（1px）；
}

切换导航

您只需将颜色设置为透明，这样您就不必担心更改间距

    .dropdown .dropdown-menu {
    border-top: 1px solid transparent;
}

---

我的方法包括为.dropdown添加一个伪元素，该下拉列表带有

边框：1px纯白并将其放置在顶部。下拉列表中的z索引为
2


.navbar default.navbar nav>li>a{
边框底部：0px实心#ccc；
}
.navbar默认值{}
.下拉列表{
左边框：1px实心透明；
右边框：1px实心透明；
}
.下拉列表：悬停：：之后{
内容：“”；/*已添加*/
宽度：100%；/*已添加*/
位置：绝对；/*已添加*/
边框底部：1px纯白；/*已添加*/
z索引：2；/*已添加*/
}
.下拉列表：悬停{
背景：白色；
左边框：1px实心#ccc；
右边框：1px实心#ccc；
边框底部：0px实心#fff；
}
.下拉菜单.下拉菜单{
边框顶部：1px实心#ccc；
z指数：1；
}
博士
    .dropdown .dropdown-menu {
    border-top: 1px solid transparent;
}