2010-04-08 15 views
5

Ho una situazione che sto osservando in cui alcune proprietà CSS non verranno ereditate. Questo ruota attorno alle tabelle e IE8. Utilizzando l'HTML di esempio qui sotto non riesco a ottenere il testo all'interno della tabella per ereditare il colore verde.Perché l'ereditarietà CSS non funziona per me in IE8?

Questo funziona in Firefox e Chrome, ma non IE8 e dalla lettura di questo sembra essere sempre stato un problema in IE, ma era destinato a funzionare nella versione 8 da ciò che ho letto.

Ho cercato di specificare il valore ereditario ovunque possibile, ma senza alcun risultato quindi la domanda è se il supporto di ereditarietà CSS in IE8 è bacato, o mi manca qualcosa?

Non voglio rispondere cambiando CSS in linea per essere classi e certamente non voglio nessun commento sulle tabelle in quanto tutto ciò deriva dalla costruzione e dalla progettazione di e-mail HTML in cui CSS e tabelle in linea sono essenziali.

<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> 

risposta

4

Hai ragione, questo è piuttosto strano, anche se trovo che l'aggiunta di un doctype valido risolva il problema. http://jsbin.com/etuti/2

+0

Interessante. Sono sicuro che ho provato questo, probabilmente aggiornato la pagina sbagliata o qualcosa del genere. Grazie. – rrrr

+0

Un piacere. Apparentemente la formattazione dei font è dis-inherited nella modalità di quirks di ie. – graphicdivine

1

Non ho mai avuto problemi con l'ereditarietà in nessuno degli IE. Di solito ho problemi con la mancanza di selettore e supporto proprietà, così come bug di posizionamento ecc.

Potrebbe non avere la specificità corretta con i selettori? Sono abbastanza sicuro che se ne vanno in questo ordine (da più specifici per meno)

  • Inline style attributo (style="color: green;")
  • selettore Id (#bob)
  • selettore di classe (.jill)
  • Selettore elemento (body)

Se tutto ciò non riesce, potrebbe aggiungere !important aiuto? Lo userei come ultima risorsa, dato che di solito puoi dare una specificità fornendo un selettore più specifico.