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

标签 css

<分区>

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

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

我想在该菜单的“后面”放置一些图像，假设我在第一行放置了一个图像，并使其透明，这样它就可以跨越其余的行。

最佳答案

我不知道您为什么不只使用背景 - 这正是您在这里描述的内容。要添加背景图片，您可以使用

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

关于css - td 后面的图像(类似于背景)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14362188/