Border Radius nicht angezeigt wird rechts

Ich einen border-radius in mein Stylesheet auf alle Bilder in einem bestimmten div.
Funktioniert gut, außer, dass in einigen Browsern der radius nicht rund überhaupt?

Ich es für IE, webkit und moz. Aber im IE10 zum Beispiel es gibt keinen radius in alle, mit Ausnahme der unteren rechten Ecke.

Beispiel1

Code:

div#dienstright img{

border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;

-moz-border-radius:25px 25px 25px 25px; 

-webkit-border-top-left-radius:25px; 
-webkit-border-top-right-radius:25px; 
-webkit-border-bottom-left-radius:25px; 
-webkit-border-bottom-right-radius:25px; 
}
  • Die meisten anständigen Browser unterstützen die einfache syntax caniuse.com/#search=border-radius so border-radius:25px; sollte ausreichen. Nur der IE8 wird ein downgrade (und Opera mini)
InformationsquelleAutor Robin V | 2013-03-11
  1. 2

    In diesem Fall ist es die Polsterung auf Ihrem img Sie haben 10px Polsterung oben/Links, wenn Sie zu entfernen, dass der border-radius wird zeigen, wie erwartet.

    Lange & short-hand-syntax für border-radius funktioniert in IE9 + 10

    • gelöst! Wie dumm von mir! Vielen Dank!
    • +1 habe ich völlig verpasst, dass
    InformationsquelleAutor Adrift
  2. 0

    IE verwenden:

    border-radius: 25px;

    Sollte es genug sein, um einwandfrei arbeiten. Und da haben Sie denselben Wert für jede Ecke es gibt keine Notwendigkeit, geben Sie jede Ecke einzeln.

    benötigen Sie auch separat nutzen:

    border-radius: 25px 25px 25px 25px;

    Die Werte in der Reihenfolge: oben-Links, oben-rechts, unten-rechts, unten-Links

    • Ich habe nur angegeben, Sie separat in einem Versuch zu beheben.Es ist kein Update, wenn ich schreib einfach border-radius:25px;
    InformationsquelleAutor otinanai
Schreibe einen Kommentar