2010-01-06 1 views
1

У меня есть довольно простой HTML и CSS, что не работает в Internet Explorer 6.CSS цвет фона на столе тд отображаются неправильно в Internet Explorer 6

<!DOCTYPE HTML> 
<html> 
    <head> 
     <style>   
      table td.one.read {background-color:#FFD700;} 
      table td.two.read {background-color:#0000ff;} 
      table td.three.read {background-color:#ff8c00;} 
     </style> 
    </head> 

    <body> 
     <table> 
      <tr class="head"> 
       <td></td> 
       <td class='one read'>one</td> 
       <td class='two read'>two</td> 
       <td class='three read'>three</td> 
      </tr> 

      <tr> 
       <td>Legend</td> 
       <td class='one read'>1</td> 
       <td class='two read'>2</td> 
       <td class='three read'>3</td> 
      </tr> 
     </table> 
    </body> 
</html> 

простая таблица, которая имеет различные цвета фона для каждый колонка. Я удалил кучу других CSS/HTML, чтобы все было просто. Проблема в том, что все столбцы отображаются в том же оранжевом цвете в Internet Explorer 6, отлично работают в Firefox.

Как я могу заставить его работать?

+0

Остановите поддержку IE6! http://www.bringdownie6.com/ – Strawberry

+1

@Doug иногда у вас нет выбора. Если бы я мог игнорировать IE6, я бы это сделал, но я не могу. –

ответ

5

Это ошибка в IE6.

Если у вас есть селектор CSS с несколькими именами классов (например, .three.read), IE6 будет игнорировать все имена классов, кроме последнего.

Поэтому IE6 видит три правила CSS для селектора table td.read.

Чтобы решить эту проблему, вы можете комбинировать свои классы. (например, <td class='OneRead'> и table td.OneRead {background-color:#FFD700;})

+0

awesome ... спасибо за помощь ... good ol 'IE6 –

1

Несколько классов не поддерживаются в IE6, придется подождать еще несколько лет, прежде чем IE6 умрет. Пока же вы можете создавать отдельные классы для цветов.

+0

Вы имеете в виду, пока IE ** 6 ** не умирает. В IE7 он должен работать нормально. – SLaks

+0

Должно быть ключевым словом ... – David

Смежные вопросы