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>

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

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

Answer 2

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

上

HTML - 如何在表格的标签中的背景颜色上制作表格标签的背景图像？

2 个答案: