2010-04-08 9 views
5

Tengo una situación que estoy viendo donde ciertas propiedades de CSS no serán heredadas. Esto gira en torno a las tablas y IE8. Usando el HTML de ejemplo a continuación no puedo obtener el texto dentro de la tabla para heredar el color verde.¿Por qué la herencia de CSS no funciona para mí en IE8?

Esto funciona en Firefox y Chrome, pero no en IE8 y desde la lectura esto parece haber sido siempre un problema en IE, pero estaba destinado a funcionar en la versión 8 por lo que leí.

He intentado especificar el valor heredado en todas partes posible, pero fue en vano, por lo que la pregunta es si el soporte de herencia de CSS en IE8 es defectuoso, o me falta algo?

No quiero responder el cambio de CSS en línea por clases y ciertamente no quiero hacer ningún comentario sobre tablas, ya que todo esto surge de la creación y el diseño de correos electrónicos HTML donde las tablas y CSS en línea son esenciales.

<html> 
<head></head> 
<body> 
<table style="color: green;"> 
    <tr> 
    <td> 
     <span>Span</span> 
     <p>Paragraph</p> 
     <div>Div</div> 
     <table style="color:inherit;"> 
     <tr> 
      <td>Table</td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 
</body> 
</html> 

Respuesta

4

Tienes razón, esto es bastante extraño, aunque me parece que agregar un tipo de documento válido resuelve el problema. http://jsbin.com/etuti/2

+0

Interesante. Estoy seguro de que intenté esto, probablemente refresqué la página equivocada o algo así. Gracias. – rrrr

+0

Un placer. Aparentemente, el formateo de la fuente no se hereda en el modo peculiar de ie. – graphicdivine

1

Nunca he tenido un problema con la herencia en ninguno de los IEs. Por lo general, tengo problemas con la falta de selector y soporte de propiedad, así como errores de posicionamiento, etc.

¿Podría ser que no tiene la especificidad correcta con sus selectores? Estoy bastante seguro de que van en este orden (de más específica a menos)

  • Inline style atributo (style="color: green;")
  • selector de ID (#bob)
  • selector de clase (.jill)
  • Selector de elementos (body)

Si eso falla, podría agregar !important ayuda? Usaría esto como último recurso, ya que normalmente puedes dar especificidad al proporcionar un selector más específico.

Cuestiones relacionadas