窗口上的火狐10與邊界的奇怪行爲

我試圖創建使用邊界的箭頭，但在Win7上FF10不想玩球。窗口上的火狐10與邊界的奇怪行爲

它在我的邊框周圍添加1px邊框。

這裏是一個小例子，一個的jsfiddle： http://jsfiddle.net/5jjVb/1/

不要緊，我設定的邊界有什麼顏色的，額外的邊界始終是相同的顏色。

對於那些不是FF或窗口7這裏是截圖：

They put a border around my border so I can have an arrow in my arrow

這裏是在FF OS X上同一方向：

No extra border

我總是可以將箭頭的顏色更改爲與額外邊框相同的顏色，但這種感覺不對。

2012-02-22 Nicklas A.

FF10在Linux上增加了1px的太 – 2012-02-22 11:02:46

這裏是鍛鍊來解決這個問題。 http://jsfiddle.net/5jjVb/3/

2012-02-22 11:20:10

真棒！但是，這給了我另一個問題，邊界反抗。知道禁用此方法的任何方式？ – 2012-02-22 12:26:08

你檢查了小提琴嗎？ http://jsfiddle.net/5jjVb/3/ – 2012-02-22 12:55:29

是的，邊界是antialiased，但只在窗口上的FF – 2012-02-22 13:26:39

試試這個：

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

2012-02-22 11:11:41

給rgba()而不是transparent爲transparency.For更多檢查我的這個答案

2012-02-22 11:20:34 sandeep

太棒了！但是，這給了我另一個問題，邊界反抗。知道禁用此方法的任何方式？ – 2012-02-22 12:25:50

回答