2011-01-03 13 views
0

ich diesen CodeLauf CSS Rectangle Property in verschiedenen Browsern

-moz-border-radius: 15px; 
border-radius: 15px; 

Für rechteckige Form zu schaffen mit CSS verwenden. Es funktioniert gut in Mozilla FireFox, aber es funktioniert nicht in Internet Explorer oder anderen Browsern. Wenn Sie irgendeine Lösung haben, bitte leiten Sie mich. Vielen Dank. diese

+0

Beziehen Sie sich auf abgerundete Rechtecke? –

+0

Sie meinen, eine rechteckige Form mit abgerundeten Ecken, richtig? –

Antwort

1

Verwendung:

-moz-border-radius: 15px; 
border-radius: 15px; 
-webkit-border-radius: 15px; /*for webkit based browsers..*/ 

In IE9, border-radius Werke (nach bestem Wissen und Gewissen, glaube ich) ..

Bei früheren Versionen von IE, gehen Sie einfach durch diese Link: http://jonraasch.com/blog/css-rounded-corners-in-all-browsers und dieses: http://code.google.com/p/curved-corner/

Copy-Einfügen von dieser Website:

.rounded-corners { 
    behavior: url(/css/border-radius.htc); 
    border-radius: 15px; 
} 

Sie die Datei finden Sie hier: http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc

1

Versuchen:

-moz-border-radius: 15px; /* FF1+ */ 
-webkit-border-radius: 15px; /* Saf3-4 */ 
border-radius: 15px; /* Opera 10.5, Saf5, Chrome */ 

Für IE: Bis IE 9 nicht

unterstützt wird
Verwandte Themen