Weiß jemand, ob / wann Internet Explorer das CSS-Attribut "Rahmenradius" unterstützt?
Ja! Wenn IE9 im Januar 2011 veröffentlicht wird.
Angenommen, Sie möchten auf allen vier Seiten gerade 15 Pixel:
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}IE9 verwendet die Standardeinstellung border-radius. Stellen Sie daher sicher, dass Sie dies in alle Ihre Stile aufnehmen, die einen Rahmenradius aufrufen. Dann ist Ihre Site für IE9 bereit.
-moz-border-radiusist für Firefox, -webkit-border-radiusist für Safari und Chrome.
Außerdem: Vergessen Sie nicht zu deklarieren, dass Ihre IE-Codierung ie9 ist:
<meta http-equiv="X-UA-Compatible" content="IE=9" />Einige faule Entwickler haben <meta http-equiv="X-UA-Compatible" content="IE=7" />. Wenn dieses Tag vorhanden ist, funktioniert der Rahmenradius im IE niemals.
Die Antwort auf diese Frage hat sich geändert, seit sie vor einem Jahr gestellt wurde. (Diese Frage ist derzeit eines der Top-Ergebnisse für Googeln "Randradius dh".)
IE9 wird unterstützen
border-radius.Es ist eine Plattformvorschau verfügbar, die unterstützt
border-radius. Sie benötigen Windows Vista oder Windows 7, um die Vorschau auszuführen (und IE9, wenn es veröffentlicht wird).quelle
Während Sie warten .. Gebogene Ecke (Randradius) Cross-Browser
quelle
Eine Problemumgehung und ein praktisches Tool:
CSS3Pie verwendet .htc-Dateien und die Verhaltenseigenschaft, um CSS3 in IE 6 - 8 zu implementieren.
Modernizr ist eine Art Javascript, mit dem Klassen in Ihr HTML-Element eingefügt werden, sodass Sie verschiedenen Browsern je nach ihren Funktionen unterschiedliche Stildefinitionen bereitstellen können.
Natürlich erhöhen diese beiden den Overhead, aber mit IE9, das nur unter Vista / 7 ausgeführt wird, stecken wir möglicherweise eine ganze Weile fest. Bis August 2010 macht Windows XP immer noch 48% der Webclient-Betriebssysteme aus.
quelle
Es ist nicht für IE8 geplant. Siehe die Seite CSS-Kompatibilität .
Darüber hinaus wurden keine Pläne veröffentlicht. Es gibt Gerüchte, dass IE8 die letzte Version für Windows XP sein wird
quelle
<!DOCTYPE html>Ohne dieses Tag funktioniert der Rahmenradius in IE9 nicht, es werden keine Meta-Tags benötigt.quelle
Bei einer schnellen Aktualisierung dieser Frage unterstützt IE9 den Rahmenradius gemäß: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
quelle
Verwenden Sie
-ms-border-radius: 15px, jedes Element, das CSS -ms- verwendet, ist mit IE kompatibel.quelle
Das Problem mit dem Eckenradius des IE wird gelöst.
http://kbala.com/ie-9-supports-corner-radius/
quelle
Was ist mit der Unterstützung für Randradius UND Hintergrundverlauf? Ja, IE9 soll beide getrennt unterstützen, aber wenn Sie die beiden mischen, blutet der Farbverlauf aus der abgerundeten Ecke. Unten ist ein Link zu einem schlechten Beispiel, aber ich habe es auch in meinen eigenen Tests gesehen. Sollte ein Screenshot gemacht werden :(
Vielleicht ist die eigentliche Frage, wann der IE CSS-Standards ohne MS-FILTER-eigene Hacks unterstützen wird.
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
quelle
Gelöst - Renderradius in IE 10 und 11 nicht korrekt gerendert
Für diejenigen, die nicht den -ms-Randradius: oder den Randradius: erhalten, um in IE 10,11 zu arbeiten. Und es werden alle Quadrate gerendert, dann gehen Sie folgendermaßen vor:
quelle