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 に答える