E>F selector en IE8

wharshall · #1 (**permalink**) 25/04/2015, 02:42

Buenas, estoy intentando hacer un código muy sencillo que haga que una imagen dentro de un div no se muestre.

El código es el siguiente:

Código HTML:

Ver original<html>
<head>
    <style type="text/css">
        div>img {display:none;}
    </style>
</head>
 
<body>
   <div>
      <img src="imagen.png" alt="Imagen">
   </div>
</body>

El caso es que funciona correctamente para Chrome, Firefox, Opera e IE11. Pero no me funciona para IE8.

He buscado compatbilidades y he visto que este selector debería ser soportado por IE8. ¿Alguien puede ayudarme?

Gracias

PHPeros · #2 (**permalink**) 25/04/2015, 02:57

No existe necesidad de usar dicho selector porque en este caso el elemento solamente tiene un nivel:

Código CSS:

Ver originaldiv img {
  display:none;
}

Código HTML:

Ver original<div>
   <img src="imagen.png" alt="Imagen">
</div>

La razón por la que falla es que IE necesita una declaración !DOCTYPE al principio del documento para que funcione.

wharshall · #3 (**permalink**) 25/04/2015, 09:25

Gracias por tu respuesta, ante todo.

Indicarte que, de hecho, la tengo.

Tengo la cabecera
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

al principio del documento (no la puse para abreviar).

Y el código también está abreviado. Necesito que funciona con ese selector porque realmente tengo más imágenes dentro de otro divs y quiero que el estilo lo cojan sólo las imágenes que son hijas directas de algunos divs.

PHPeros · #4 (**permalink**) 25/04/2015, 10:18

Te va a tocar buscar:

http://www.google.es/search?q=child+...working+in+ie8

Tampoco pasa nada si no funciona, desde el punto de vista técnico, nadie utiliza IE8.

pzin · #5 (**permalink**) 25/04/2015, 11:57

La otra opción es ponerle una clase a esas imágenes…

wharshall · #6 (**permalink**) 26/04/2015, 03:11

La verdad es que lo que quería saber es si se puede hacer, ya que es un requisito técnico que funcione en IE8 para mi cliente.

Naturalmente que añadiendo una clase se puede conseguir lo que quiero: mi pregunta es realmente si se puede hacer con ese selector > en IE8.

Gracias de todas formas por vuestros aportes.