CSS - border-radius nicht angezeigt in IE6/7/8

Question

Ich bin mit dem folgenden CSS einen abgerundeten Rand auf meinem DIV zu erreichen:

border: 1px solid #999; 
border-radius: 6px; 
-ms-border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 

Aber in IE 6/7/8, Obwohl ich den IE-spezifischen Radius einschließe, wird kein gerundeter DIV-Rahmen angezeigt (es wird ein quadratischer Rahmen angezeigt).

Irgendwelche Ideen, warum nur IE 6/7/8 keinen abgerundeten Rand anzeigt?

Answer 1

Ab IE8 unterstützt IE die CSS3 border-radius -Eigenschaft nicht. Nicht sicher, was du gesehen hast, dass es gesagt hat. Sie können Bilder, Javascript oder viele andere Tricks verwenden, um Ecken in IE zu runden.

Answer 2

es gibt keine -ms-border-radius Internet Explorer unterstützt es nicht.

Das 'neueste' Ding microsoft über abgerundete Ecken zu sagen hat, ist this old table+images hack ;-)

Answer 3

IE unterstützt border-radius bedeutet 'Ahead of the Curve Staying' betitelt nicht.

Von IE8 Expert Zone Chat:

Chris Wilson [MS] (Experte):

Q: [9] Irgendwelche Pläne CSS‘ border-radius zu unterstützen, z. B. -ms-border-radius: 5px; ? Firefox und Safari haben -khtml- und -moz- Implementierungen, die wir verwenden können, um abgerundete Ecken ohne Bilder oder Sprites zu tun, und Leistung zu verbessern, dh. http://preview.tinyurl.com/9y3tfn/

A: border-radius steht in der Such Liste hoch, wird aber in IE8 nicht sein.

Answer 4

Während ich feststelle, dass eine Antwort akzeptiert wurde, wollte ich vorschlagen, dass Sie einen Blick auf Curvy Corners werfen, wenn Sie weitere Beratung/Unterstützung/Anleitung benötigen; Sie haben eine JS-Bibliothek mit Beispielen.

Wie natürlich tun MooTools, wenn auch mit einem Drittanbieter (so weit ich sagen konnte) Modul von phat fusion. Und jQuery hat ein eigenes Plugin von Drittanbietern Ecke, von methvin.