Windows 上 Firefox 10 的奇怪行为与边框答案

【问题标题】：Strange behavior with borders on Firefox 10 on windowsWindows 上 Firefox 10 的奇怪行为与边框
【发布时间】：2012-02-22 22:01:59
【问题描述】：

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

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

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

不管我设置的边框是什么颜色，多出来的边框都是一样的颜色。

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

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

我总是可以将箭头的颜色更改为与额外边框相同的颜色，但感觉不对。

【问题讨论】：

【解决方案1】：

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

这是解决此问题的锻炼方法。 http://jsfiddle.net/5jjVb/3/

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

给rgba()而不是transparent以获得透明度。更多请查看我的这个答案

【讨论】：