Reset.css переопределяет фон группы в IE7 / IE6 - PullRequest
Новая
       12

Reset.css переопределяет фон группы в IE7 / IE6

3 голосов
/ 04 января 2011

У меня есть таблица, в которой столбцы имеют другой фон, заданный группой. Однако в IE6 / 7 он полностью игнорирует фон группы и принимает фоновое значение reset.css для ячейки (фон: прозрачный). Как это исправить, не заходя в каждую ячейку и не вводя вручную значение фона?

HTML 

<table id="services-table" border="0" cellpadding="0" cellspacing="0" width="100%">
<colgroup>      
 <col class="services-oddcolumn" />         
 <col class="services-evencolumn" />     
</colgroup> 
<tbody>   
  <tr>     
    <td>Column #1, Row #1</td>
    <td>Column #2, Row #1</td>
  </tr>

  <tr>
    <td>Column #1, Row #2</td>
    <td>Column #2, Row #2</td>
   </tr>
</tbody>

RESET (находится над основным CSS-файлом) 

html,body, table,tr,th,td {background:transparent;} //it's taking this background value for TD and column

CSS 

.services-oddcolumn{background-color:#000 !important; width:10%;} 
.services-evencolumn{background-color:#fff !important; width:10%;}

РЕДАКТИРОВАТЬ - В конце концов, нет «чистого» исправления, мне просто нужно было изменить файл reset.css, чтобы теги table, tr, th, td были исключены из фона: свойство transparent

1 Ответ

4 голосов
/ 04 января 2011

Во-первых, поздравляю вас с тем, что вы узнали о теге <colgroup>, не говоря уже о его использовании.Это не самый известный элемент в арсенале разработчиков HTML.

К сожалению, одна из причин, по которой он не очень известен, заключается в том, что он не очень хорошо поддерживается, и звучит так, будто вы нажалина ошибку, которую вы не сможете обойти.

Посмотрите на эту страницу: http://marc.baffl.co.uk/bugs.php и найдите слово «colgroup».Вы найдете описание различных ошибок, с которыми вы столкнетесь, а также таблицу, в которой браузеры поддерживают его должным образом.К сожалению для вас, IE6 и IE7 имеют слово «нет» в каждом столбце этой таблицы.

Вам может быть трудно заставить это работать, если вы планируете поддерживать IE6 и IE7.

[EDIT] Стоит отметить, что это отсутствие поддержки в IE особенно иронично, учитывая, что <colgroup> изначально был специфичным для IE расширением еще в дни IE4.

Если вы хотите поддерживать более старые IE, мое предложениебыло бы отказаться от <colgroup> и просто использовать классы на элементах <td> для достижения того же эффекта.

...