透明邊框是白色

-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

回答