Question

我在Firefox中遇到表TR / TD背景问题。我有通过ajax加载动态内容的表。当我加载内容时，我用绿色背景标记了一些表格行。我在行中为每个TD附加了一个背景，但当我检查它在Firefox中的工作原理时，我只在td中的文本下获得了背景。（在chrome中，它在整个td尺寸上工作得很好）。

http://i.stack.imgur.com/Hv3Z5.jpg

网站的网址：http://www.creas.pl/company/apps/moraman/Shipping/CzechRepublic

表：

<table class="data-table" id="shippingTable">
                    <thead>
                        <tr class="first last">
                            <th style="width: 20%;">Typ</th>
                            <th style="width: 45%;">Opis</th>
                            <th style="width: 15%;">Wartość zamówienia</th>
                            <th style="width: 15%;">Koszt transportu</th>
                        </tr>
                    </thead>
                    <tbody id="loadShippingData" style="display: table-row-group;"><tr class="first last odd">
                            <td style="background: #EAF2D3;">My carrier</td>
                            <td style="background: #EAF2D3;">opis</td>
                            <td style="background: #EAF2D3;">10000.00</td>
                            <td style="border-right: 0; background: #EAF2D3;">5.00</td>
                            </tr><tr class="first last odd">
                            <td style="background: #EAF2D3;">Test</td>
                            <td style="background: #EAF2D3;">opis</td>
                            <td style="background: #EAF2D3;">10000.00</td>
                            <td style="border-right: 0; background: #EAF2D3;">99.00</td>
                            </tr>
    </tbody>
                </table>

CSS的一部分：

.data-table {
    width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}
.data-table tr.odd.last {
    border-bottom: 1px solid #EEEEEE;
}
.data-table th, .data-table td {
    padding: 10px;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

Answer 1

使用background-color代替background。

检查Fiddle。你的代码适合我（chrome 32 + firefox 26 + ie＆gt; 8）

Firefox - CSS表TR / TD背景问题

1 个答案: