Html 倾斜的边界赢得'；t在MacOs上以FiFO方式正确显示

我有一个问题，我的网页权利知道，可以从社区的帮助

我想在div内部显示一个倾斜的边框，如下所示：

除了MacOs上的Firefox，它在所有浏览器上看起来都不错，如下所示：

在使用MacOS版本的Firefox时，是否有任何webkit/前缀可供使用

---

提前谢谢

谢谢你迄今为止的回答。我解决了这个问题：它也发生在我同事的电脑上，在Windows-8.1 Firefox上

看起来Firefox的反序列化功能很差

我不知道为什么这只发生在这两个Firefox安装上。要修复反序列化，请添加以下内容：

-moz-transform: scale(.9999); 

所以我的小提琴现在看起来像这样（）：

---

目前，这在我公司的所有浏览器中都有效。

但Firefox不是Webkit。我会尝试将

位置：relative

添加到.container中。但是我这里没有Mac，所以我不能测试。无论如何，我不相信Mac版Gecko和其他版本之间有那么大的区别。除非它是一个更老的版本或什么；检查一下。@MrLister我可以在OS X上的Firefox 37上复制这个问题。

-moz-transform: scale(.9999); 

.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);
}