td背后的图像(类似于背景)

时间:2013-01-16 15:42:04

标签: css

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

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

我想把一些图像放在“菜单后面”,所以我想把一个图像放在第一行,然后让它透明,所以它跨越其余的行。

1 个答案:

答案 0 :(得分:2)

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

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