Question

inb4：对于需要超长时间加载的可怕超大图片感到抱歉，如果您不想等待，请点击链接并阅读问题！

所以我正在制作this prototype一个网站，在那里我使用鼠标移动2d图像制作假3D效果。当用户点击其中一个三角形以突出显示时，我想使用滤镜模糊。

当我添加模糊时，我的问题是it completely breaks in firefox。我对chrome中的模糊没有任何问题，但由于某些原因在firefox中，应该居中的背景图像变为右对齐并由其自己的div裁剪，如果我在检查器中更改了背景位置，它会移出障碍区域。

这是一个chrome屏幕截图，然后是我在firefox中获得的内容。

除了放弃整个模糊的想法之外，我并不完全不知道该做什么。任何解决方案的想法都是相关的

Answer 1

因此，在通过javascript更改父级过滤器模糊设置之前，我必须将旋转X Y和Z完全设置为0（仅当检测到Firefox时）。 Here's截至目前的情况。单击动画GIf以模糊，然后单击任意位置以删除模糊。适用于Chrome和Firefox！

它基本上是这样的：

var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
if(!isFirefox){
  3Danimation();
}