2012-02-22 37 views
3

我试图创建使用边界的箭头,但在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

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

+0

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

回答

2

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

这里是锻炼来解决这个问题。 http://jsfiddle.net/5jjVb/3/

+0

真棒!但是,这给了我另一个问题,边界反抗。知道禁用此方法的任何方式? – 2012-02-22 12:26:08

+0

你检查了小提琴吗? http://jsfiddle.net/5jjVb/3/ – 2012-02-22 12:55:29

+0

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

0

试试这个:

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

rgba()而不是transparent为transparency.For更多检查我的这个答案

CSS Transparent Border Problem In Firefox 4?

+0

太棒了!但是,这给了我另一个问题,边界反抗。知道禁用此方法的任何方式? – 2012-02-22 12:25:50