2011-03-25 30 views
5

Como dicen los títulos, mi CSS funciona bien localmente cuando se utiliza ie9, pero cuando se implementa en IIS7 el radio de borde y la sombra de cuadro no se aplica, aunque funciona bien con ff4 y Chrome.Radio de borde en ie9 - funciona localmente pero no cuando se implementó

.blabla 
{ 
    -moz-border-radius:10px; 
    border-radius: 10px; 
    box-shadow: 3px 3px 10px #000000; 
    height: 101px; 
    margin: 5px; 
    width: 225px; 
    cursor:pointer; 
    background:url('./Content/images/background.png') scroll 0 0px no-repeat; 
} 

Estoy trabajando con un proyecto MVC3, que tiene la <!DOCTYPE html> ya. No funcionó inicialmente a nivel local cuando se utiliza border-radius: 10px 10px 10px 10px; que los cambios sólo por mencionar 10px una vez y que hizo el truco (y también el hecho box-shadow funcionando) pero aún no funciona cuando se implementa. ¿Algunas ideas?

Editar: Comprobé en la herramienta de desarrolladores de IE, el radio del borde está allí localmente pero no aparece cuando se despliega, lo que explica por qué no está funcionando ... la pregunta es ¿por qué no se muestra?

EDIT2: Me di cuenta de algo más ... Mi doctype mientras está escrito correctamente en mi código: <!DOCTYPE html> aparece como deshabilitado en el navegador: <!-- DOCTYPE html --> Todavía no se puede encontrar la manera de solucionarlo.

EDIT3: Creé una aplicación web ASPX normal, el mismo problema. Funciona localmente pero en IIS7 el doctype está comentado ...

+0

Wow, eso es muy, muy extraño, la conversión de un tipo de documento a un comentario. Tal vez debido a algunos problemas de validación en Visual Studio? No estoy seguro si ayuda, pero [hay un complemento de validación HTML5/IntelliSense] (http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d/) para VS. – BoltClock

+0

Lo extraño es que el tipo de documento no se comenta cuando se ejecuta localmente en IE9, sólo que cuando se despliega ... He intentado cambiar al buen viejo '' y que hace exactamente lo mismo ... Oo – LanFeusT

Respuesta

6

Su página probablemente desencadena el modo de Internet Explorer 7 en IE9. En el equipo local ha cambiado manualmente la configuración para utilizar el modo estándar de IE9, pero después de la implementación de nuevo ve la página en modo IE7 => ninguna frontera de radio. Estado allí, hecho eso.

Otra razón podría pertenecer el contenido de su servidor envía la página, ver http://hsivonen.iki.fi/doctype/

+0

Me he dado cuenta de que cuando reviso la herramienta de desarrolladores en ie9, el Modo de documento está configurado en los estándares IE7 y el Modo navegador en la Vista de compatibilidad IE9. Si cambio cualquiera de ellos a IE9, funciona bien. Pero todo lo que he encontrado en línea que se supone que afecta esto no. – LanFeusT

+9

¡Solución encontrada! La metaetiqueta necesita especificar EmulateIE9 y no solo 9 o IE9: '' – LanFeusT

+0

Gracias LanFeusT, esta era la única forma en que podía obtener está funcionando también. – Johncl

1

Oye, no estoy seguro de por qué está sucediendo esto, normalmente no debería. ¿Has probado cosas fáciles como refrescar sin caché?

De todos modos, se debe utilizar todos los prefijos de proveedores:

.blabla { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    -moz-box-shadow: 3px 3px 10px #000000; 
    -webkit-box-shadow: 3px 3px 10px #000000; 
    box-shadow: 3px 3px 10px #000000; 
} 
+0

sí estoy usando todos ellos ya se les olvidó quitar el -moz-border uno para hacer el cargo más pequeño :) he añadido el ' etiqueta' a mi página, así, pero que no hizo diferencia – LanFeusT

+0

Es muy extraño y estoy seguro de que es algo que no está relacionada con el código.HTML y CSS son del lado del cliente, por lo que, independientemente del servidor, deberían ser iguales. Hay casos poco frecuentes en los que la configuración del servidor puede afectarlos, pero no veo cómo esto se aplica aquí. ¿Tiene algún archivo de configuración (como .htaccess para Apache) que anule algunos encabezados o algo así? – Francisc

+0

Nada de eso no. :/ – LanFeusT

7

yo estaba luchando con el mismo problema. Pero acabo de encontrar mi respuesta. Era la "Vista compatible" de IE.

Mostrar barra de comandos> Página> Configuración de vista de compatibilidad.

Para mi problema particular, era una casilla de verificación predeterminada "Mostrar sitios de intranet en Vista compatible".

+0

¡Gracias! Eso me ha estado volviendo loco durante la última hora. – GrandMasterFlush

+0

¡Muchas gracias! Salvavidas jaja. –

+0

Tomó más de una hora antes de encontrar esto ... ¡GRACIAS! – FastTrack

0

Gracias! La metaetiqueta funcionó para mí. Sin embargo, tuve que ponerlo en la sección HeadContent en la página, poner la página maestra no lo solucionó. Como no quiero tener que preocuparme por la configuración del modo de compatibilidad en el lado del cliente, forzarlo funciona mejor.

Cuestiones relacionadas