过滤器：模糊在MS Edge上不起作用

Microsoft Edge不支持filter: blur();。如果我有一个绝对定位的元素filter: blur();，顶部出现的输入会变得很疯狂，与模糊合并（有趣的观看）。过滤器：模糊在MS Edge上不起作用

这里是一个小提琴来展示会发生什么。在Chrome和Firefox中完美工作，但Edge会变成临界癫痫症。只需点击输入和享受： https://jsfiddle.net/Cthulhu/3uz0Lpfz/2/

下面是一个代码示例：

<style> 
    article { 
    background: url(http://uzebox.org/wiki/images/1/19/Arkanoid.gif) no-repeat; 
    -webkit-filter: blur(20px); 
    -moz-filter: blur(20px); 
    -o-filter: blur(20px); 
    -ms-filter: blur(20px); 
    filter: blur(20px); 
    height: 448px; 
    position: absolute; 
    width: 720px; 
    } 

    input { 
    margin: 100px 0 0 20px; 
    position: relative; 
    } 
</style> 

<article></article> 
<input />

你甚至可以尝试把Windows资源管理器窗口中的小提琴，它会“互动”与图像模糊的顶部，这很有趣。我试图采取截图，但最终的结果表明事情，因为他们应该是，而忽略了这个错误（不好玩:-(）。

任何想法只使用 CSS去解决这个bug ？

来源

2016-03-01 Cthulhu

我没有这个固定的，因为我认为，但我不认为边缘支持这个，因为你正在使用它，但我很困惑，为什么它会在IE中工作。过滤器效果在IE中根本无法使用。 – Rob

@Rob我的错误：小提琴在IE中不起作用。我想当我在我的网站上测试这个时，我发现有什么问题。感谢您的高举。 – Cthulhu

这似乎是过滤器特有的渲染问题。如果有一个CSS解决方案不涉及只是彻底禁用过滤器，我会感到惊讶。 – BoltClock

更新：这个问题在最近已不复存在建立微软边缘的，并应通过Windows 10 Anniversary Update于08月02日得到解决，2016年

感谢您报告这个问题我在微软工作。边缘团队，一个nd可以确认你的小提琴重现所描述的问题。虽然目前我没有提供解决办法，但我会提交此文件并亲自通知适当的团队，以便提前给予关注。

当我有更多的分享，我会回来更新这个答案。

来源

2016-03-03 20:16:48 Sampson

你是否在监视[tag：microsoft-edge]标记？ – Knu

Absolutely其他标记也是如此，因为我能。 – Sampson

感谢您的回答，太糟糕了，没有像我期望的解决方案，但至少我很高兴有人看到这个问题。干杯。 – Cthulhu

过滤器：模糊在MS Edge上不起作用

回答

相关问题