¿Cómo aplicar el radio de borde en IE8 y debajo de los navegadores IE8?

Me gustaría saber cómo aplicar border-radius a IE8 y debajo de los navegadores IE8.

Sé que border-radius es una función HTML5 e IE8 no lo admite.

Descubrí que al utilizar .htc podemos lograrlo, pero al usar htc encuentro el problema del fondo negro.

No puedo superar este problema.

¿Hay alguna otra forma de aplicar border-radius a IE8? Si es así, ¿alguien puede explicarme cómo?

En primer lugar, para la precisión técnica, border-radius no es una característica de HTML5, es una característica de CSS3.

El mejor script que he encontrado para renderizar sombras de caja y esquinas redondeadas en versiones anteriores de IE es IE-CSS3 . Traduce la syntax de CSS3 en VML (un lenguaje de Vector específico de IE como SVG) y los renderiza en la pantalla.

Funciona mucho mejor en IE7-8 que en IE6, pero también es compatible con IE6. No pensé mucho en PIE cuando lo usé y descubrí que (como HTC) no estaba diseñado para ser funcional.

PIE hace que Internet Explorer 6-9 capaz de representar varias de las funciones de decoración más útiles de CSS3

http://css3pie.com/

………………………………………….. …………………………

La propiedad border-radius es compatible con IE9 +, Firefox 4+, Chrome, Safari 5+ y Opera, porque es propiedad de CSS3. entonces, podrías usar css3pie

Primero revisa esta demostración en IE 8 y descárgala desde aquí. Escribe tu regla CSS como esta

  #myAwesomeElement { border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(path/to/pie_files/PIE.htc); } 

nota: behavior: url(path/to/pie_files/PIE.htc); agregado behavior: url(path/to/pie_files/PIE.htc); en la regla anterior. dentro de url () necesita especificar su ubicación de archivo PIE.htc

Como dice la respuesta anterior, CSS PIE hace cosas como border-radius y box-shadow en IE6-IE8: http://css3pie.com/

Dicho esto, todavía encuentro cosas escamosas cuando uso PIE y ahora solo acepto que las personas que usan navegadores más antiguos no verán esquinas redondeadas ni sombras.

HTML:

 
Rounded Corner Box

CSS:

 #myElement { background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; behavior: url(PIE.htc); border: 1px solid red; } 

El archivo PIE.htc se puede descargar de http://www.css3pie.com