Microsoft Edge unterstützt filter: blur(); nicht so, wie es sollte. Wenn ich ein absolut positioniertes Element mit filter: blur(); habe, werden Eingaben, die oben angezeigt werden, verrückt und verschmilzt mit der Unschärfe (Spaß zu sehen).
Hier ist eine Geige, um zu zeigen, was passiert. Funktioniert perfekt in Chrome und Firefox, aber Edge wird zu einem Borderline-Epileptiker. Klicken Sie einfach auf die Eingabe und genießen Sie: Ссылка
Hier ist ein Codebeispiel:
%Vor%Sie können sogar versuchen, ein Windows Explorer-Fenster oben auf der Geige zu platzieren, es wird mit der Bildunschärfe "interagieren", was lustig ist. Ich habe versucht, einen Screenshot zu machen, aber das Endergebnis zeigt die Dinge so, wie sie sein sollen und ignoriert den Fehler (kein Spaß :-().
Irgendwelche Ideen, um diesen Fehler zu umgehen nur mit CSS?
Aktualisieren : Dieses Problem tritt in den letzten Versionen von Microsoft Edge nicht mehr auf und sollte über das Windows 10-Jahrestag-Update am 2. August 2016.
Danke, dass Sie dieses Problem gemeldet haben. Ich arbeite im Microsoft Edge-Team und kann bestätigen, dass Ihre Geige das beschriebene Problem reproduziert. Auch wenn ich derzeit keine Lösung anbiete, werde ich dies ablegen und das / die entsprechende (n) Team (s) persönlich benachrichtigen, um es früher zu beachten.
Wenn ich mehr zu teilen habe, werde ich zurückkehren, um diese Antwort zu aktualisieren.
Tags und Links css css3 blur css-filters microsoft-edge