webentwicklung-frage-antwort-db.com.de

Unterstützung für "border-radius" in IE

Weiß jemand, ob/wann Internet Explorer das CSS-Attribut "border-radius" unterstützt?

157
Tony the Pony

Ja! Wenn IE9 im Januar 2011 veröffentlicht wird.

Angenommen, Sie möchten auf allen vier Seiten einen geraden Wert von 15px haben:

.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 also sicher, dass Sie dies in alle Ihre Stile aufnehmen, die einen Rahmenradius aufrufen. Dann ist Ihre Site für IE9 bereit.

-moz-border-radius ist für Firefox, -webkit-border-radius ist für Safari und Chrome.

Außerdem: vergessen Sie nicht, Ihre IE Codierung ist ie9:

<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 existiert, funktioniert border-radius im IE nie.

218
Kevin Florida

Die Antwort auf diese Frage hat sich geändert, seit sie vor einem Jahr gestellt wurde. (Diese Frage gehört derzeit zu den Top-Ergebnissen für Googeln "border-radius ie".)

IE9 unterstützt border-radius.

Es gibt eine Plattformvorschau verfügbar welche nterstütztborder-radius. Sie benötigen Windows Vista oder Windows 7, um die Vorschau auszuführen (und IE9, wenn es veröffentlicht wird).

46
David Johnstone
27
Luis Melgratti

Ein Workaround und ein praktisches Tool:

CSS3Pie verwendet .htc-Dateien und die Verhaltenseigenschaft, um CSS3 in IE 6 - 8 zu implementieren.

Modernizr ist ein bisschen Javascript, mit dem Klassen in Ihr HTML-Element eingefügt werden, sodass Sie verschiedene Stildefinitionen für verschiedene Browser basierend auf deren Funktionen bereitstellen können.

Natürlich erhöhen beide den Overhead, aber mit dem IE9, der nur unter Vista/7 läuft, können wir eine Weile nicht weiterkommen. Ab August 2010 macht Windows XP immer noch 48% der Webclient-Betriebssysteme aus.

18
Peter G

Es ist nicht für IE8 geplant. Siehe CSS-Kompatibilitätsseite .

Darüber hinaus wurden keine Pläne veröffentlicht. Es gibt Gerüchte, dass IE8 wird die letzte sein Version für Windows XP

12
Ben S

<!DOCTYPE html> ohne dieses Tag border-radius funktioniert nicht in IE9, es werden keine Meta-Tags benötigt.

7
JAVAC

Schnelles Update auf diese Frage, IE9 unterstützt Border-Radius gemäß: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for -developers.aspx

6
simonrjones

Verwenden -ms-border-radius: 15px, jedes Element, das css -ms- verwendet, ist mit dem IE kompatibel.

4
Iago Bruno

Das Problem mit dem Eckenradius von IE wird gelöst.

http://kbala.com/ie-9-supports-corner-radius/

2
jaya

Wie sieht es mit der Unterstützung für den Rahmenradius UND den Hintergrundgradienten aus? Ja, IE9 soll beide separat unterstützen, aber wenn Sie die beiden Komponenten mischen, wird der Verlauf aus der abgerundeten Ecke ausgeblutet. 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 IE CSS-Standards ohne MS-FILTER-eigene Hacks unterstützen.

http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

2
SigmaBetaTooth

Gelöst - Randradius in IE 10 und 11 nicht korrekt dargestellt

Für diejenigen, die den -ms-border-radius: oder den border-radius: nicht erhalten, um in IE 10,11 zu arbeiten.

  1. Klicken Sie auf das Zahnrad oben rechts im IE Browser
  2. Klicken Sie auf Einstellungen der Kompatibilitätsansicht
  3. Deaktivieren Sie nun die beiden Kontrollkästchen, die standardmäßig aktiviert sind.

Ensure that the boxes are unchecked as in pic

1
Allan Starr