Html 在向下面的DIV添加z-index后，我的DIV顶部出现了一个缺口_Html_Css_Z Index

Html 在向下面的DIV添加z-index后，我的DIV顶部出现了一个缺口

html css

Html 在向下面的DIV添加z-index后，我的DIV顶部出现了一个缺口,html,css,z-index,Html,Css,Z Index,我刚刚开始建立一个网站。沿着顶部，我有一个标题图像，底部有一个阴影。我有一个图像，我想坐在下面，这样你就可以看到图像顶部的阴影。我把它放在标题DIV的下面，并用-1作为值放置了一个z索引。这把它很好地放在DIV后面，然后我在顶部添加了一个220px的absalute位置。然而，在添加z-索引值后，它使我的标题DIV略微下降，并在顶部留下了一个间隙我的HTML代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

我刚刚开始建立一个网站。沿着顶部，我有一个标题图像，底部有一个阴影。我有一个图像，我想坐在下面，这样你就可以看到图像顶部的阴影。我把它放在标题DIV的下面，并用-1作为值放置了一个z索引。这把它很好地放在DIV后面，然后我在顶部添加了一个220px的absalute位置。然而，在添加z-索引值后，它使我的标题DIV略微下降，并在顶部留下了一个间隙

我的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div class="mainhome">
    <div class="header"></div>
            <div class="mainimage"></div>

</div>
</body>
</body>
</html>

将正文边距设置为0

body {
    background-image:url(images/header-background.png);
    background-repeat:repeat-x;
    margin: 0px;
}

完美的非常感谢你的帮助！

body {
    background-image:url(images/header-background.png);
    background-repeat:repeat-x;
    margin: 0px;
}