Баг: повторяющийся фон в td родительского tr

Верстая очередной проект наткнулся на неприятную багу в Хроме: если в таблице для tr задать background картинкой, то она повторяется сначала в каждой дочерней td или th. Оказывается бага известная. Порывшись я нашел решение:

для tr, у которого указан фон нужно добавить

position: relative;
display:inline-table;

либо

position: relative;
float:left

Во втором случае придется указывать ширину для ячеек(td)

UPD Обнаружилось, что IE7 страдает этой же болезнью. Лечится она достаточно просто, заданием прозрачного фона для ячейки:

table tr td {background:transparent}
Запись опубликована в рубрике html & css с метками , , . Добавьте в закладки постоянную ссылку.

Один комментарий: Баг: повторяющийся фон в td родительского tr

  1. Amor говорит:

    Спасибо. Помогло!
    Хром чудит.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *