css - tdの背後にある画像（背景と同様）

Question

メニューを保持するテーブルがあり、各メニュー項目は新しい行に中央揃えで配置されています。

<table><tr>
<td> Menu item 1 </td>
<td> Menu item 2 </td>
...
</tr></table>

そのメニューの「後ろ」にいくつかの画像を配置したいので、最初の行に画像を配置し、それを透明にして、残りの行にまたがるとします。

score 2 · Accepted Answer

背景だけを使用しない理由がわかりません-それはまさにあなたがここで説明していることです. 背景画像を追加するには、次を使用できます

<table style="background: url(path/to/image);">
...

ただし、インラインスタイルは通常推奨されないため、次の CSS を使用することもできます。

table {
    background: url(path/to/image);
}

そして、これは問題になるようには見えませんが、読み込み時間を短縮したい場合は、代わりに css クラスを使用できます。

.menu {
    background: url(path/to/image);
}

に変更<table>します<table class="menu">。

1 に答える 1