Question

我有这种CSS风格：

table.shadowed {
    border-spacing: 0px;
}

table.shadowed td {
    padding: 0px;
}

table.information {
    width: 500px;
}

table.information td.ul {
    background-image: url('img/information_bg_upper_left.png');
    background-position: bottom;
    background-repeat: no-repeat;
    width: 10px;
    height: 36px;
}

table.information td.u {
    background-image: url('img/information_bg_upper.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

以及此HTML代码段：

<table class="shadowed information">
    <tr>
        <td class="ul"></td>
        <td class="u"></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

问题在于，对我来说，在Firefox中可以看到中心TD的背景非常好，但在Chrome或Opera中不能。

这很有趣，因为我设置了repeat-x。

你有没有答案，为什么这样，如何为表格单元格设置背景而不为其设置具体尺寸？

谢谢，Áron。

Answer 1

为了使背景可见，单元格必须填充类似文本的内容，或者设置宽度和高度，否则它会折叠并且无法看到背景。

TD背景没有显示出来

1 个答案: