过滤器：模糊不工作在MS边缘 [英] filter: blur not working on MS Edge

问题描述

Microsoft Edge不支持 filter：blur（）; 。如果我有一个绝对定位的元素与 filter：blur（）; ，顶部出现的输入将变得坚果，合并与模糊（有趣的观看）。

Microsoft Edge is not supporting filter: blur(); like it should. If I have an absolute positioned element with filter: blur();, inputs that appear on top will go nuts, merging with the blur (fun to watch).

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

Here's a Fiddle to show what happens. Works perfectly in Chrome and Firefox, but Edge turns into borderline epileptic. Just click the input and enjoy: 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资源管理器窗口放置在小提琴的顶部，与图像模糊，这是有趣的。
我试图截图，但最终结果显示的事情，因为他们应该是，忽略了错误（没有乐趣:-(）。

You can even try to place a windows explorer window on top of the fiddle, it will "interact" with the image blur, which is funny. I tried taking a screenshot but the end result shows things as they are supposed to be, and ignores the bug (no fun :-( ).

任何

推荐答案

更新 ：此问题在最近的Microsoft Edge版本中不再存在，应通过 Windows 10周年纪念更新。

Update: This issue no longer exists in recent builds of Microsoft Edge, and should be resolved via the Windows 10 Anniversary Update on August 02, 2016.

感谢您报告此问题，我在Microsoft Edge团队工作，可以确认您的小提琴重现了正在描述的问题。虽然我目前没有解决方案，我会提交和个人

Thank you for reporting this issue. I work on the Microsoft Edge team, and can confirm that your fiddle reproduces the issue being described. While I don't presently have a work-around to offer, I will file this and personally notify the appropriate team(s) so as to give it earlier attention.

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

When I have more to share, I will return to update this answer.

这篇关于过滤器：模糊不工作在MS边缘的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！