Bilder können nicht vollständig auf Safari gerundet werden

Question

Ich kann meine Bilder auf Safari mit border-radius nicht perfekt rund machen. Was ist falsch an meinem Code?

HTML:

<div class="people_photo_wrap"> 
    <img class="people_photo" src="image.jpg"> 
</div> 

CSS:

.people_photo_wrap { 
    width: 100px; 
    height: 100px; 
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    overflow: hidden; 
} 
.people_photo { 
    width: 100px; 
    height: 100px; 
    border: 3px solid transparent; 
} 

Answer 1

Fügen Sie den Radius auf das Bild. Sollte den Trick machen.

.people_photo { 
    width: 100px; 
    height: 100px; 
    border: 3px solid transparent; 
    border-radius: 50%; 
}