¿Cómo hacer bordes redondeados en IE8 con CSS?

Question

Me gustaría saber cómo hacer bordes redondeados en IE8. Estoy usando

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

para mozilla y safari.

Answer 1

Hay un complemento jQuery para eso. http://jquery.malsup.com/corner/

Answer 2

No puede. IE no maneja las normas y prácticas modernas y, específicamente, no existe tal propiedad de CSS en IE8.

Answer 3

En IE9 puede usar border-radius.

Para las versiones anteriores de IE, existen bibliotecas de JavaScript que lo harán por usted. No puedes hacerlo puramente con CSS. Por lo menos, necesitarás imágenes de fondo.

Answer 4

Descargue https://code.google.com/p/curved-corner/ e inclúyalo en su proyecto. Luego usa el siguiente CSS para tener una esquina redondeada.

Por ejemplo:

.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 */ 
} 

La url para el archivo es relativa al archivo HTML que carga el CSS. Así que esto es diferente al fondo: comportamiento de url (...) que es relativo al archivo CSS. Más detalles here

Answer 5

Puede usar CSS3 PIE para esto. Es fácil de implementar. Descárguelo aquí: http://css3pie.com/download/ y extraiga su contenido. Luego, en su hoja de estilo, simplemente ponga behavior:url(css3pie/PIE.htc); junto con los códigos CSS de cada elemento que usa border-radius.

Por ejemplo:

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