私はこの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
です。
なぜこれなのか、具体的なサイズを設定せずにテーブルセルの背景を配置するにはどうすればよいですか?
ありがとう、アーロン。