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 mit dem IE bestimmten Radius, es ist nicht eine abgerundete DIV Grenze Anzeigen (es ist zeigt ein Quadrat Grenze).

Irgendwelche Ideen, warum nur IE 6/7/8 nicht einen abgerundeten Rand nicht angezeigt?

Answer 1

Wie von IE8, wird IE nicht die CSS3 border-radius Eigenschaft unterstützen. Nicht sicher, was du gesehen hast gesagt, dass es tut. Sie können Bilder, Javascript, oder viele andere Tricks runden Ecken in IE verwenden.

Answer 2

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

Das 'neueste' Ding microsoft über abgerundete Ecken zu sagen hat, ist diese alte Tabelle + Bilder Hack dem Titel 'Staying Ahead of the Curve'; -)

Answer 3

IE nicht unterstützt border-radius.

IE8 Expert Zone Chat :

  

Chris Wilson [MS] (Experte):

     

F: [9]   Gibt es Pläne zur Unterstützung von CSS   Grenzradius, zum Beispiel.   -MS-border-radius: 5px; ? Firefox und Safari haben -khtml- und -moz-   Implementierungen, die wir verwenden können, zu tun   abgerundete Ecken ohne Bilder oder   Sprites und Leistung dh verbessern.    http://preview.tinyurl.com/9y3tfn/

     

A:   border-radius ist auf den Wunsch   Liste, wird aber nicht in IE8 sein.

Answer 4

Während ich erkennen, dass eine Antwort ist angenommen worden, ich wollte -Wenn Sie weitere Beratung / support / Führungs- müssen vorschlagen, dass Sie einen Blick auf Curvy Corners ; sie haben eine JS-Bibliothek mit Beispielen.

Wie, natürlich tun MooTools , wenn auch mit einem Dritt (soweit ich könnte sagen) Modul aus phat Fusion . Und jQuery hat seine eigene Fremd Ecke Plugin, von methvin .