透明边框为白色

Question

请参阅小提琴：http://jsfiddle.net/vs32rb9w/

如果我明确说border-color: transparent？

，为什么会出现1px白色边框？

我在Chrome和FireFox中都检查过 - 边框是白色而不是透明。

它变得透明 - 猜猜是什么 - 当我删除background属性时（或者将其设为transparent）。

这么讨厌的错误？

Answer 1

检查并使你的折叠div更大后，我意识到问题是什么。边框是透明的，但指定了宽度，高度太小，无法与背景区分开来。边框是透明的，你只是看不到它！

Answer 2

边框是透明的。由于您已设置边框宽度，因此模型指示div的高度为1px。然后，由于设定了bg颜色，因此显示。如果你删除背景颜色，那么div仍然是1px，但边框是透明的，所以你不能用眼睛看到它。