html - 使 HTML 表格行与其上方的行重叠

Question

我设置了以下 HTML 表格，它在屏幕截图中产生了结果。

代码:

<table>
    <tr>
        <td align="center" colspan="4">
            <img src="website_title_banner.png" style='width:100%;' alt="nul"/>
        </td>
    </tr>

    <tr style="width:100%;">
        <td>
            <img src="About sign.fw.png" style='width:100%;'/>
        </td>

        <td>
            <img src="gallery sign.fw.png" style='width:100%' />
        </td>
        <td>
            <img src="Products sign.fw.png" style='width:100%' />
        </td>
        <td>
            <img src="Contacts sign.fw.png"  style='width:100%'/>
        </td>
    </tr>
</table>

截图

我想要它，以便将标志“钉”在条纹横幅上。鉴于标志都放在行中各自的表格单元格中，是否可以使第二行与第一行重叠指定的像素距离？

我相当精通 HTML(但已经很久了)但我不熟悉 CSS - 所以如果解决方案是使用 CSS，将不胜感激(使用 Dreamweaver)逐步实现。

提前致谢!

Answer 1

尝试使用负 margin-top 设计第二行的样式。这应该使 .png 与它们上方的行重叠。这是一个基于您的代码的示例 - http://jsfiddle.net/NinoLopezWeb/myv37cb0/1/