Html 如何在单元格中而不是在单元格间距中显示表格图像？

考虑一个带有背景图像的网页，pageBG.jpg。现在考虑一个具有100px×100px单元和一个相对大的50px的单元间距的表。该表具有不同的背景图像，例如tableBG.jpg

有没有办法建立遮罩，使单元格显示表格的图像（好吧，它们的部分），但单元格间距显示页面的图像

编辑：示例图像：

---

绿色的是pageBG.jpb，黑色/棕褐色的图像是tableBG.jpg

不，不是你想的那样。我不会把图像作为细胞的背景图像。相反，在单元格中放置一个

div

，将其大小设置为适当的遮罩大小，并通过CSS

background image

对其应用背景图像。该

div

获取图像，并且单元格间距（显示在div之外）保持不变。

您不能将该类应用到您的表中，并将其应用到后代td吗

table.myborderclass {
    //transparent
}

table.myborderclass td {
    background: yada
}

---

你可以使用CSS精灵来实现这一点，这只需要大量的CSS。您将有一个页面背景图像，然后是一个计划用于表背景的单个图像，但这将用于每个单独的单元格。每个单元格都需要CSS来确定图像在单元格中的x/y位置。您只需要计算单元格的大小+间距，就可以知道图像在单元格中的位置

---

我认为，使用DIV会容易得多。

好吧，要求图像属于表（它相当大），单元格只显示它们对较大图像的“视图”。这样听起来好像你运气不好。对不起，我用一个例子编辑了上面的原始帖子，如果这样更容易理解的话。谢谢。这确实有帮助。不幸的是，这并没有改变我的答案。最简单的方法是使用

div

s和CSS。在可能的情况下，使用表格进行此操作将是困难且有问题的。单元格的大小是固定的还是可变的？固定的。请看上面的新示例图片。根据我添加到原始帖子中的示例图片，这有意义吗？