Promień obramowania dla wszystkich przeglądarek?

Question

używam

-webkit-border-radius: 5px;  
border-radius: 5px; 
-moz-border-radius:5px; 
-khtml-border-radius:5px; 

promienia granicznego ale że blok kodu nie działa jakiś przeglądarkę (Internet Explorer oczywiście). Próbowałem użyć .htc, ale nie udało mi się.

Jak mogę ustawić border-radius obsługiwaną przez wszystkie przeglądarki?

Answer 1

Właściwość border-radius jest obsługiwana w IE9 +, Firefox 4+, Chrome, Safari 5+ i Opera, ponieważ jest to właściwość CSS3. Składnia jest następująca:

border-radius: 1-4 length|%/1-4 length|%; 

Przykład 1

border-radius:2em; 

odpowiada:

border-top-left-radius:2em; 
border-top-right-radius:2em; 
border-bottom-right-radius:2em; 
border-bottom-left-radius:2em; 

przykładu 2

border-radius: 2em 1em 4em/0.5em 3em; 

odpowiada:

border-top-left-radius: 2em 0.5em; 
border-top-right-radius: 1em 3em; 
border-bottom-right-radius: 4em 0.5em; 
border-bottom-left-radius: 1em 3em; 

Zobacz bardziej szczegółowe wyjaśnienie oraz wskazówki i porady dotyczące promienia obramowania here.