Warum werden meine Bilder nicht in Microsoft Edge angezeigt?

Question

hat ein Kunde einen Punkt, der einige Bilder funktionieren nicht gemacht, wenn sie durch Microsoft Edge sehen, aber perfekt arbeiten mit Chrome, Firefox sogar alte Version des IE finden:

:

Microsoft es so Edge Display

mein Code ist ganz einfach:

.card .staff_pic { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 
.card .linkedin-icon { 
 
    margin-top: 10px; 
 
} 
 
.card { 
 
    height: 100%; 
 
    width: 20%; 
 
    overflow: hidden; 
 
    position: relative; 
 
    float: left 
 
} 
 
.card_content { 
 
    background-color: rgba(255, 255, 255, 0.5); 
 
    padding: 20px; 
 
    width: 100%; 
 
    height: 90%; 
 
    position: absolute; 
 
    bottom: -400px; 
 
    transition: all .5s ease; 
 
    color: #fff 
 
} 
 
.card_content h3 { 
 
    font-size: 28px; 
 
    margin-top: 1.5em; 
 
    color: #fff; 
 
    margin-bottom: 0px; 
 
} 
 
.card_content p { 
 
    font-size: 18px; 
 
    color: white; 
 
} 
 
.card:hover .card_content { 
 
    background-color: rgba(151, 145, 59, 0.8); 
 
    bottom: 30px; 
 
}

<div class="card"> 
 
    <img class="staff_pic alignnone size-medium wp-image-4306" src="http://www.carleyconsult.com/wp-content/uploads/2014/10/David.png" alt="David" /> 
 
    <div class="card_content"> 
 
    <h3>David Durham</h3> 
 
    Head of Bid Management &amp; Consultancy Services 
 
    <a href="#" target="_blank"> 
 
     <img class="linkedin-icon alignnone size-full wp-image-4321" src="../wp-content/uploads/2014/10/linkedin.png" alt="linkedin" width="37" height="36" /> 
 
    </a> 
 
    </div> 
 
</div>

Jede mögliche Hilfe sehr geschätzt werden.

Answer 1

besichtigte ich das Element in Rand- und Ihre <p> und <img> Elemente als korrekt wiedergegeben werden:

<p> 
    <img class="staff_pic alignnone size-medium wp-image-4310" alt="Jim" &nbsp;src="http://www.carleyconsult.co.uk/wp-content/uploads/2014/10/Jim.png"> 
</p> 

Notiere die   drin. Dies führt dazu, dass das Element bricht. Es wird korrekt in Chrome gerendert, daher vermute ich, dass Edge etwas Seltsames macht. Eine Lösung wäre, ein jQuery-Skript zu starten, um nach Elementen zu suchen, um das   zu finden und es zu entfernen. Es ist keine ideale Lösung, aber mir fällt nichts Besseres ein. Zumindest ist es eine Suche nach einer anderen!