Ошибка Google Chrome с фоном TR

Question

Ошибка Google Chrome с фоном TR

Я пытаюсь установить фоновое изображение на строку таблицы, но фон применяется ко всем своим td детям.

В IE7 существует та же ошибка, но это, решают с

tr {
    position: relative;
}

Какая-либо подсказка об этом?

Спасибо

20

html css google-chrome

задан N 1.1 7 April 2010 в 17:09

2 ответа

Другие вопросы по тегам:

html css google-chrome

Похожие вопросы:

score 0 · Answer 1

Это единственное известное мне решение без использования JavaScript. Его недостаток заключается в том, что вы указываете высоту TR и TD, потому что TR позиционируется абсолютно. Я также не уверен, как это будет вести себя в других браузерах.

<style>
    tr {
        position: absolute;
        background: url(http://www.google.com/intl/en_ALL/images/logo.gif) no-repeat;
        height: 200px;
        border: 1px solid #00f;
    }
    td {
        width: 200px;
        height: 200px;
        border: 1px solid #f00;
    }
</style>

<table cellpadding="0" cellspacing="0">
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

score 12 · Answer 2

У меня это работает во всех браузерах:

tr {
background: transparent url(/shadow-down.gif) no-repeat 0% 100%;
display: block;
position: relative;
width: 828px;
}

tr td{
background: transparent;
}