Jak zrobić zaokrągloną granicę w IE8 z CSS?

Question

Chciałbym wiedzieć, jak zrobić zaokrąglenie granicy w IE8. Używam

-moz-border-radius:4px; 
-webkit-border-radius:4px; 

dla Mozilli i Safari.

Answer 1

Istnieje wtyczka jQuery do tego. http://jquery.malsup.com/corner/

Answer 2

Nie możesz. IE nie obsługuje nowoczesnych standardów i praktyk, aw szczególności nie ma takiej właściwości CSS w IE8.

Answer 3

W IE9 można użyć obramowania o promieniu.

Dla starszych wersji IE istnieją biblioteki javascript, które zrobią to za Ciebie. Nie możesz tego zrobić wyłącznie za pomocą CSS. Przynajmniej będziesz potrzebował obrazów tła.

Answer 4

Pobierz https://code.google.com/p/curved-corner/ i dołącz do projektu. Następnie użyj następujących css, aby mieć zaokrąglony róg.

Na przykład:

.somediv{ 
    -webkit-border-radius:4px;  /* older webkit based browsers */ 
    -khtml-border-radius:4px;   /* older khtml based browsers */ 
    -moz-border-radius:4px;   /* older firefox */ 
    border-radius:4px;    /* standard */ 
    behavior: url(border-radius.htc); /* IE 6-8 */ 
} 

adres URL do pliku jest w stosunku do pliku HTML, który ładuje CSS. A więc różni się to od zachowania background: url (...), które jest względne w stosunku do pliku CSS. Więcej szczegółów here

Answer 5

Możesz użyć do tego CSIE3 PIE. Jest łatwy do wdrożenia. Wystarczy pobrać go tutaj: http://css3pie.com/download/ i wyodrębnić jego zawartość. Następnie, na arkuszu stylów, po prostu umieść behavior:url(css3pie/PIE.htc); wraz z kodami css każdego elementu, który używa granicy promienia.

Na przykład:

.samplediv{ 
    behavior:url(css3pie/PIE.htc); 
    -webkit-border-radius:10px; 
    -khtml-border-radius:10px;  
    -moz-border-radius:10px;   
    border-radius:10px;    
}