html - html - 如何在表格的 td 标记的背景颜色之上制作表格标记的背景图像？

Question

我有这个代码：

    <table style="background-image:url('Images/thermometer.png');">
        <tr>
            <td width="299px" height="789px" style="background-color:#cc0000">
            </td>
        </tr>
    </table>

但是背景颜色出现在背景图像的顶部。我怎样才能扭转这种局面？

谢谢。另请注意，我不能使用 html5 或 css3。

Answer 1

如果可以进行绝对定位，您可以在表格顶部使用图像的绝对定位。

<div style="position:relative;">
    <table style="position:absolute; left: 10px; top: 10px;">
        <tr>
            <td></td>
        </tr>
    </table>
    <img src="#.png" alt="" style="position:absolute; left: 10px; top: 10px;" />
</div>

如果您需要图像随页面宽度一起拉伸，请将宽度设为 %。这样，您可以像这样分配父 div 的样式：

<div style="width: 50%;left: 25%; top: 10px;"> 

Answer 2

您可以将背景颜色放在表格父元素上