使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>

Scrrenshot

我想拥有它，所以这些迹象已经被钉上了'＃39;到条纹横幅。鉴于这些符号都放在行中自己的表格单元格中，是否可以使第2行与第一行重叠指定的像素距离？

我非常熟悉HTML（但已经很长时间了）但我不熟悉CSS - 所以如果解决方案是使用CSS，那么一步一步的实现将非常受欢迎（使用Dreamweaver）

提前致谢！

Answer 1

尝试使用否定margin-top为第二行设置样式。这应该使.png与它们上方的行重叠。以下是基于代码的示例 - http://jsfiddle.net/NinoLopezWeb/myv37cb0/1/

Answer 2

这不是最好的方法，但如果你真的想要，你可以使用负值 margin-top，例如 margin-top：10px;
不是最干净的方式，但它有效。

Answer 3

最快的方法是做一个负余量。您还可以将条纹作为菜单的背景。