Duda sobre Hack IE.

eduardobrutaldeath · #1 (**permalink**) 08/04/2016, 13:32

Hola.

He puesto esto en mí HEAD :


<link rel="stylesheet" href="style.css">

Quiero que a penas alguien con IE8 entre a mi web se le aplique un estilo diferente, pero que sólo reconozca la primera hoja de estilo. He recordado que en los lenguajes de programación se ejecuta la última sentencia, y aunque HTML no es idéntico a JS o PHP, igual me ha entrado la duda. Pienso que tal vez podrían aplicarse los estilos de IE8 pero además los de la hoja de estilo de abajo.. No sé si se entiende. ¿Alguien me aclara esto por favor?

Rafael · #2 (**permalink**) 09/04/2016, 04:13

Olvida completamente el Ie8. Completamente...

¿De qué cosa estabamos hablando?

Quizá para Ie 9 más bien ese código lo pones después de la hoja. No es que reconozca la primera hoja, es que la última hoja sobreescribe las anteriores.

Código HTML:

Ver original<link rel="stylesheet" href="style.css">
<!--[if lte IE 9]><link rel="stylesheet" href="ie.css" /><![endif]-->

eduardobrutaldeath · #3 (**permalink**) 09/04/2016, 10:42

Cita:

Iniciado por Rafael

Olvida completamente el Ie8. Completamente...

¿De qué cosa estabamos hablando?

Quizá para Ie 9 más bien ese código lo pones después de la hoja. No es que reconozca la primera hoja, es que la última hoja sobreescribe las anteriores.

Código HTML:

Ver original<link rel="stylesheet" href="style.css">
<!--[if lte IE 9]><link rel="stylesheet" href="ie.css" /><![endif]-->

Sí, ya no considero a IE8 en mis diseños, pero por si a alguna persona se le ocurre entrar con esa cosa, voy a agregar un mensaje avisándole que debe cambiar de navegador ( ya que en XP no podrá actualizar su versión ).

Ya! O sea que si la última hoja sobreescribe a las anteriores, debo poner el hack debajo de mi hoja de estilo principal, para que todos los navegadores lo ignoren y utilicen la primera, excepto ie8, no?

Una consulta más : ¿Por qué mencionaste lo de IE9? Que yo sepa, hasta ahora el único problema que da es que no reconoce las órdenes para estilizar el placeholder, pero después...
¿Tú sabes de algún otro problema ( uno serio ) que se presente en esa versión, como para crearle una hoja de estilo aparte? Digo, para saber y tenerlo presente.

Gracias por responder.

Rafael · #4 (**permalink**) 10/04/2016, 08:25

Probablemente los flexbox. Ie9 creo no los entiende. Ie10 los entiende con prefijo, pero no ubico bien el 9.

Lo del mensaje para Ie8 no, no gastes tiempo ni esfuerzo ni ancho de banda de todos tus demás usuarios. La mejor manera de eliminar el Ie8 es ignorándolo, igual que un troll.

Lo del hack si. Dejas primero la hoja normal, y luego la de "Por si acaso".

eduardobrutaldeath · #5 (**permalink**) 11/04/2016, 10:32

Cita:

Iniciado por Rafael

Probablemente los flexbox. Ie9 creo no los entiende. Ie10 los entiende con prefijo, pero no ubico bien el 9.

Lo del mensaje para Ie8 no, no gastes tiempo ni esfuerzo ni ancho de banda de todos tus demás usuarios. La mejor manera de eliminar el Ie8 es ignorándolo, igual que un troll.

Lo del hack si. Dejas primero la hoja normal, y luego la de "Por si acaso".

Ah! Bueno, yo no uso flex box así que no hay problema. Pero cuando use formularios seguro tendré que considerar el hack para IE9.

Chau y gracias por responder.

Rafael · #6 (**permalink**) 11/04/2016, 19:33

Hum.

Si alguna vez has usado float para acomodar algo, te conviene migrar a flexbox.

Para lo de un hack para formularios no le veo mucho sentido. Los formularios degradan fácilmente.

Más bien lo que se usa será en dado caso un HTML5 shiv https://github.com/aFarkas/html5shiv/ o Modernizer https://modernizr.com/

Pero tal vez ni siquiera vale la pena.