我在属性border-botom-color（CSS端）中遇到了一个关于Less（引导程序）的奇怪问题。
我有这个示例，其中出现了活动选项卡（第 1 节）的底线：
我有这个例子，其中活动选项卡的底线（第 1 节）没有出现：
唯一的区别在于 CSS 上的第 5365 行，在第一个示例中是border-bottom-color: transparent;，在第二个示例中是border-bottom-color: #FFF;
我想知道为什么“透明”不起作用但添加颜色（如#FFF）它起作用？
问问题
67 次
3 回答
1
原因是该行是在其他地方生成的。因此，当您放置时，border-bottom-color:transparent;您只会看到另一条线。但是当你把它变成白色时，你在它上面画了一条新的白线。
于 2013-02-21T02:11:13.300 回答
1
这是因为ul.nav-tabs标签（标签的父级a）有彩色边框，长灰色水平边框（参见jsfiddle1第 5328 行）。您需要将a边框底部颜色设置为白色以覆盖它的父边框，因此它看起来是透明的。
于 2013-02-21T02:12:19.977 回答
1
transparent只需在属性定义的边框的顶部添加一个完全透明的边框，border因此会显示颜色。#fff显示在边框的顶部并阻挡了其他颜色，因此显示了白色。您可以通过分别为每个边框指定颜色来解决此问题。
于 2013-02-21T02:12:26.063 回答