radio de borde ie9

Tengo lo siguiente que funciona en Firefox, Chrome y Safari. Pero no en IE9. Está aplicando esquinas redondeadas a la parte superior izquierda y derecha de un td. ¿Qué me estoy perdiendo?radio de borde ie9

border-left: solid 1px #444f82; 
border-right:solid 1px #444f82; 
border-top:solid 1px #444f82; 
border-top-right-radius: 7px; 
border-top-left-radius: 7px; 
-moz-border-radius-topright: 7px; 
-webkit-border-top-right-radius: 7px; 
-khtml-border-radius-topright: 7px; 
-moz-border-radius-topleft: 7px; 
-webkit-border-top-left-radius: 7px; 
-khtml-border-radius-topleft: 7px; 
behavior: url(/survey_templates/PIE.htc);

Fuente

2011-03-21 derekcohen

doctype declaration? – zzzzBov

Tienes esto en la parte superior de su documento HTML (por encima de la etiqueta <html>)

<!DOCTYPE html>

IE9 requiere esto para el sitio web para mostrar las nuevas cosas HTML5/CSS3

Editar: o muchos otros XHTML de Doctype (etc. , Pero esta es la más corta y más fácil de recordar)

Fuente

2011-03-21 17:43:03

– derekcohen

Por lo que sé, el radio de la frontera debería funcionar en IE9. Es posible que falte esto en su encabezado de la página:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

"borde" significa "utilizar la última motor de renderizado" de modo IE 9 utilizará 9, 10 utiliza 10, etc.

Fuente

2011-03-21 17:42:35 kprobst

que lo arregló - espero que no rompa nada más – derekcohen

@derekcohen Esperemos que no: D – kprobst

sí, rompe pie.htc qué barfs en un método de adjuntar – derekcohen

Además de las causas mencionadas por otras respuestas, Comprobar en la herramienta del desarrollador (Prensa F12) su modo de documento se debe establecer en Internet Explorer 9 Standards

enter image description here

Fuente

2011-03-21 17:50:13

Dijo IE 7 estándares para el documento – derekcohen

ese es el problema cambiarlo a estándares IE9 y debería funcionar bien –

modo peculiar: mi menú CSS está bien, sin límite de radio. IE9 estándar: mi menú CSS falla – jondinham

Han agregado <!DOCTYPE html> y <meta http-equiv="X-UA-Compatible" content="IE=edge" /> en el encabezado de página y esto ha resuelto el problema. Si border-radius no funciona en IE9, debe agregar <!DOCTYPE html> y <meta http-equiv="X-UA-Compatible" content="IE=edge" /> en el encabezado de página. Por favor tener en cuenta si tiene <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> en la parte superior de su página de la frontera de radio puede no aparecer en IE9, por lo tanto, es mejor que lo cambie a <!DOCTYPE html>

Fuente

2013-05-28 10:59:45 Omid

La respuesta parece estar incompleta. – RedBaron

Lo siento, no me di cuenta de que los códigos se volvieron invisibles después de insertarlos, los he corregido. – Omid

funcionando muy bien en el explorador de 9 y 8 con:

<!DOCTYPE html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
</head>

Fuente

2013-08-08 22:37:40 user1224025

Respuesta

Cuestiones relacionadas