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

Question

我有这个代码:

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

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

谢谢。另请注意，我不能使用 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>

如果您需要图像随页面宽度拉伸(stretch)，请将宽度设置为 %。这样，您就可以像这样分配父 div 的样式:

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