0

我有这个 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>

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

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

那么你有什么答案吗，为什么会这样？如何在不设置具体大小的情况下为表格单元格设置背景？

谢谢，阿龙。

4

1 回答 1

1

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

于 2013-01-16T17:59:45.080 回答