在MacOs上，在FiFO中无法正确显示倾斜的边框

Question

我的网页有问题，可以使用社区的帮助。

我想在div中显示一个倾斜的边框，如下所示： https://jsfiddle.net/kx6f9rsd/

public static Expression<Func<T, bool>> BinaryOp<T>(this
                            Expression<Func<T, bool>> expr1, 
                            Expression<Func<T, bool>> expr2,
                            Func<Expression, Expression, BinaryExpression> operation)
{
     ParameterExpression parameter = Expression.Parameter(typeof(T));

     ReplaceExpressionVisitor leftVisitor = 
                 new ReplaceExpressionVisitor(expr1.Parameters[0], parameter);
     Expression left = leftVisitor.Visit(expr1.Body);    
     ReplaceExpressionVisitor rightVisitor = 
                 new ReplaceExpressionVisitor(expr2.Parameters[0], parameter);

     Expression right = rightVisitor.Visit(expr2.Body);

     return Expression.Lambda<Func<T, bool>>(operation(left, right), parameter); 
}

public static Expression<Func<T, bool>> OrElse<T>(this
                            Expression<Func<T, bool>> expr1,
                            Expression<Func<T, bool>> expr2)
{
     return BinaryOp(expr1, expr2, Expression.OrElse); // passed as mth group
}

public static Expression<Func<T, bool>> AndAlso<T>(this
                            Expression<Func<T, bool>> expr1,
                            Expression<Func<T, bool>> expr2)
{
     return BinaryOp(expr1, expr2, Expression.AndAlso); // passed as mth group
}

在所有浏览器上看起来都不错，除了MacOS上的Firefox，它看起来像这样：

使用MacOS版本的Firefox时是否有任何webkit /前缀？

提前致谢！

Answer 1

感谢目前为止的答案。我解决了这个问题：它也出现在我的同事的计算机上，在Windows-8.1 Firefox上。

似乎Firefox有一个糟糕的反对。

我不知道为什么只发生在那两个Firefox安装上。要修复抗污染，请添加以下内容：

-moz-transform: scale(.9999); 

所以我的小提琴现在看起来像这样（https://jsfiddle.net/mbouwemf/）：

.container:before {
  content: '';
  position: absolute;
  top: 0; 
  right: 0;
  border-bottom: 70px solid transparent;
  border-left: 100vw solid yellow;
  width: 0; 
  -moz-transform: scale(.9999);
}

目前这适用于我公司的所有浏览器。