css - 透明边框为白色

Question

见小提琴：http: //jsfiddle.net/vs32rb9w/

如果我明确说为什么会有 1px 白色边框border-color: transparent？

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

它变得透明 - 你猜怎么着 - 当我删除该background属性（或也制作它transparent）时。

这么恶心的虫子？

Answer 1

在检查并使折叠的 div 更大之后，我意识到问题出在哪里。边框是透明的，但它的宽度是指定的，而且高度太小而无法与背景区分开来。边框是透明的，你就是看不到！

Answer 2

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