Unterstützung für „border-radius“ in IE
https://stackoverflow.com/questions/635851
-
10-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Weiß jemand, ob / wann Internet Explorer das "border-radius" CSS-Attribut unterstützen?
Lösung
Ja! Wenn IE9 wird Januar 2011 veröffentlicht.
Angenommen, Sie haben eine noch 15px wollen auf allen vier Seiten:
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
IE9 wird die Standard border-radius verwenden, so nur sicherstellen, dass Sie beinhalten, dass ein Grenzradius in allen Arten aufrufen. Dann wird Ihre Website für IE9 bereit sein.
-moz-border-radius für Firefox ist, -webkit-border-radius ist für Safari und Chrome.
Außerdem: vergessen Sie nicht, Ihre IE Codierung ist ie9 zu deklarieren:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Einige faul Entwickler haben <meta http-equiv="X-UA-Compatible" content="IE=7" />. Wenn das Etikett vorhanden ist, border-radius wird nie in IE arbeiten.
Andere Tipps
Die Antwort auf diese Frage hat sich geändert, seit es vor einem Jahr gefragt wurde. (Diese Frage ist zur Zeit einer der Top-Ergebnisse für googeln „border-radius dh“).
IE9 unterstützt border-radius.
Es ist eine Plattform Vorschau verfügbar die a href = "http <: // ie.microsoft.com/testdrive/HTML5/01BorderRadius/Default.html“rel = "noreferrer"> unterstützt border-radius. Sie müssen Windows Vista oder Windows 7, um die Vorschau laufen (und IE9, wenn es freigegeben wird).
Während Sie warten .. Gebogene Ecke (Rand- Radius) Cross-Browser
Eine Abhilfe und ein handliches Werkzeug:
CSS3Pie verwendet HTC-Dateien und das Verhalten Eigenschaft CSS3 in IE 6 zu implementieren. - 8
Modernizr ist ein bisschen Javascript, die Klassen auf Ihre HTML-Element gesetzt werden, so dass Sie anderen Stil dienen Definitionen auf verschiedenen Browsern auf der Grundlage ihrer Fähigkeiten.
Offensichtlich diese beiden mehr Aufwand hinzufügen, aber mit IE9 wegen nur auf Vista / 7 laufen wir schon eine ganze Weile stecken könnte. Ab August 2010 immer noch Windows XP-Konten für 48% der Web-Client-Betriebssysteme.
Es ist nicht für IE8 geplant. Sehen Sie sich die CSS-Kompatibilität .
Darüber hinaus keine Pläne veröffentlicht. Gerüchte bestehen, dass IE8 wird die letzte Version sein für Windows XP
<!DOCTYPE html> ohne diesen Tag border-radius arbeitet nicht in IE9, keine Notwendigkeit von Meta-Tags.
Quick Update auf diese Frage wird IE9 unterstützt border-radius nach: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers. aspx
Verwenden Sie -ms-border-radius: 15px, jedes Element, das CSS -MS- verwendet, ist kompatibel mit IE.
Der Eckenradius Ausgabe von IE Gonna lösen.
Was ist die Unterstützung des Grenzradius und Hintergrund Gradienten. Ja IE9 ist sie beide separat zu unterstützen, aber wenn Sie mischen die beiden die Steigung blutet aus der abgerundeten Ecke. Unten ist ein Link zu einem schlechten Beispiel, aber ich habe es in meinem eigenen Test als gut zu sehen. Sollte ein Screenshot gemacht: (
Vielleicht ist die eigentliche Frage ist, wann wird IE Unterstützung CSS-Standards ohne MS-FILTER proprietäre Hacks.
http://frugalcoder.us/ Post / 2010/09/15 / ie9-Ecke-plus-Gradient-fail.aspx
GELöST - nicht Rendering Grenzradius korrekt in IE 10 und 11
Für diejenigen, die nicht immer die -MS-border-radius: oder der Grenzradius: in IE 10,11 zu arbeiten, Und es macht alle Platz gehen Sie folgendermaßen vor:
- Klicken Sie auf das Zahnrad an der oberen rechten Ecke des IE-Browser
- Klicken Sie auf Einstellungen der Kompatibilitätsansicht
- Geben Sie nun deaktivieren Sie die 2 Boxen, die standardmäßig aktiviert sind.
