内联SVG'；Firefox中抛出的s坐标系

现在的问题是，如果你想知道我在做什么的话，就住在哪里

我有一个使用SVG呈现的菜单按钮，它呈现了我在Chrome、Safari、IE9+及其移动版本中所希望的效果：

在Firefox（桌面和移动）中，会发生以下情况：

它的编码是这样的：

<a href="/menu" class="menu-link" id="menuLink" aria-label="Navigation">
    <svg viewBox="0 0 160 160">
        <polygon points="160,168 0,168 60,60 160,0"/>
        <polygon class="bar bar1" points="60,90 150,85 147,60 65,65" fill="#fff"/>
        <polygon class="bar bar2" points="45,125 147,120 150,100 57,100" fill="#fff"/>
        <polygon class="bar bar3" points="45,152 150,150 155,132 50,135" fill="#fff"/>
    </svg>
</a>

（它有意延伸到浏览器边缘之外，以帮助在移动设备上使用

位置：fixed

）

提供背景的主要

似乎是相同的，但提供酒吧的

已经喝醉了。我已经研究了属性大小调整、CSS大小调整、

viewBox

、

preserveSpectratio

，以及其他明显的方法，但Firefox中的任何变化都预示着其他地方的破坏

---

Firefox和它的定位怎么样了？我可以修复它吗？

问题是类

栏上的
变换原点
属性。Firefox的
transformorigin
实现在应用于SVG元素时存在缺陷

请参阅：
可能是Joe的副本，所以是这样。顺便说一句，谢谢你把它交给bugzilla！提交的不是我：）哦，哈。
.menu-link {
    background: none;
    position: fixed;
    right: -2px;
    bottom: -2px;
    width: 100px;
    height: 100px;
    display: block;
    z-index: 10;
}