CSS3-Filter funktioniert nicht in Edge

Question

Diese Seite prüfen http://www.urbansportsleague.org/gallery Im Rand zeigt es schwarzen Raum auf Schwebeflug.

Hier ist der Code unten können Sie überprüfen und lassen Sie es mich wissen.

Vielen Dank im Voraus.

.gallery-img { 
 

 
    height: 250px; 
 

 
    padding: 10px; 
 

 
    -webkit-filter: blur(0.5px); 
 

 
} 
 

 
.gallery-img>img { 
 

 
    max-height: 200px; 
 

 
    width: auto; 
 

 
    -webkit-transform: rotateY(180deg); 
 

 
} 
 

 
.gallery-img>img:hover { 
 

 
    -webkit-filter: contrast(150%); 
 

 
    /* Chrome, Safari, Opera */ 
 

 
    filter: contrast(150%); 
 

 
}

<div class="col-md-4 col-sm-6 gallery-img"> 
 
    <img class="img img-thumbnail" src="http://www.urbansportsleague.org/assets/gallery/1.jpg" /> 
 
</div> 
 
<div class="col-md-4 col-sm-6 gallery-img"> 
 
    <img class="img img-thumbnail" src="http://www.urbansportsleague.org/assets/gallery/2.jpg" /> 
 
</div>

Answer 1

CSS-Filter werden von Edge nach eigener Dokumentation https://developer.microsoft.com/en-us/microsoft-edge/platform/status/ unterstützt. Die Unterstützung ist seit dem Update vom November 2015 da.

Interessant mit Ihrem Code-Snippet funktioniert der Filter für mich, aber auf http://www.urbansportsleague.org/gallery funktioniert es nicht, wenn ich die -webkit-transform: rotateY(180deg); Regel auf .gallery-img > img nicht entferne. Könnte es sein, dass Edge ein bisschen buggy ist, wenn diese Dinge kombiniert werden? Und ja, Edge liest auch, dass -webkit-transform, weil viele Websites vergessen, die entsprechende transform Regel enthalten.

Ich habe auch versucht, andere CSS zu entfernen, die das Verhalten des Filters nicht beeinträchtigen sollten. Nachdem ich nur Bootstrap und Hintergründe entfernt hatte, brachte ich die Seite in einen ansonsten kaputten Zustand, in dem der Filter die meiste Zeit korrekt funktionierte. Manchmal ist das Bild einfach verschwunden. Manchmal verschwand das Bild, nachdem der Filter für einen Bruchteil einer Sekunde auf das Bild angewendet wurde.