Windows 上 Firefox 10 上的边框出现奇怪行为

Question

我正在尝试使用边框创建箭头，但 win7 上的 FF10 不想玩球。

它在我的边框周围添加了 1px 边框。

这是一个带有最小示例的 JSFiddle： http://jsfiddle.net/5jjVb/1/

边框颜色并不重要我设置了，额外的边框总是相同的颜色。

对于那些不在 FF 或 Windows 7 上的人，这里有一个屏幕截图：

这是 OS X 上 FF 中的相同箭头：

我可以随时更改箭头颜色改为相同颜色作为额外的边框，但这感觉不对。

Answer 1

这是一个错误。 https://bugzilla.mozilla.org/show_bug.cgi?id=646053

这是解决这个问题的练习。 http://jsfiddle.net/5jjVb/3/

Answer 2

试试这个：

div {
    border: 30px solid transparent;
    border-left-color: #EEE;
    -moz-border-left-colors: none;
}

Answer 3

提供 rgba() 而不是 transparent 以实现透明度。有关更多信息，请检查我的这个答案

Firefox 4 中的 CSS 透明边框问题？