css - td 后面的图像（类似于背景）

Question

我有一个包含菜单的表格，每个菜单项在新行中居中对齐。

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

我想在该菜单“后面”放置一些图像，所以假设我将图像放在第一行，并使其透明，因此它跨越其余行。

Answer 1

我不知道你为什么不只使用背景——这正是你在这里所描述的。要添加背景图像，您可以使用

<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">.