透明边框是白色

-2

为什么有一个1px的白色边框，如果我明确表示border-color: transparent？

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

它变得透明 - 猜猜看 - 当我删除background属性（或使它transparent太）。

这样一个讨厌的错误？

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

2015-11-04 21:29:37 Flignats

为什么div的高度是1px？我没有要求。我只告诉它做一个1px的边框。这与我是否使用'border-box'无关。 – asdfasdfads

哦，'background-clip：padding-box;'似乎可以解决它。 – asdfasdfads

检查并让您的折叠div更大后，我意识到问题所在。边框是透明的，但其宽度是指定的，并且高度太小而不能与背景区分。边界是透明的，你只是看不到它！

2015-11-04 21:41:15

哦，thx，我upvoted你的评论。我在'background-clip：padding-box'找到了答案。 – asdfasdfads

这也行得通！ – 2015-11-04 22:02:02

回答