向下移动页面以允许标题图形

Question

我正在使用一个程序，该程序允许我在表格的单元格内添加内容。 但是，所有类型的内容都是允许的，因此我添加了对样式表的引用，这使我可以重新编写应用程序。

可通过我们组织内部的Web浏览器（主要使用IE8和IE10）以及使用IE7模式的应用程序界面来访问该应用程序。 因此，它必须与各种屏幕分辨率的所有这些浏览器模式兼容。

我要完成的工作是向从未有过的页面添加页眉图形。 布局就是这样

<table width="60%">
    <tbody>
        <tr>
            <td>
                Here is my content
            </td>
        </tr>
    </tbody>
</table>
Rest of page content here

我希望标题图片覆盖浏览器的顶部，所以我插入了图片

在HTML中，我可以输入

<img src="/pathtoimage.png" class="newhead">

CSS

.newhead
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}

由于图形已从文档流中删除，因此其余页面内容希望从图形后面开始。

由于图形会根据浏览器大小（根据宽度进行相应调整）改变高度，因此内容需要向下移动相同的数量。

感谢您提供任何有关如何最好地完成此操作的建议。 我一直在思考如何执行此操作，并使其在IE7模式下工作（我知道，我知道）

我一直在尝试使用透明图像，它是标题图形宽度的60％（相同高度）-这样，它将与标题图形一起按比例调整大小），但要使其正确填充表格或保持60％ ，或按计划做任何事情都被证明是行不通的。

再次感谢您的帮助

Answer 1

为什么要使位置绝对？ 您可以更改页眉的侧面，并将其向下推至所需大小。

.newhead
{
    width: 100%;
    display: block;
}

并且如果您想摆脱默认的填充：

body
{
    margin: 0;
    padding: 0;
}