0

我有一个图像标题，我希望它跨越页面的整个顶部。问题是在图像和屏幕顶部/侧面周围创建了自动空间。我怎样才能摆脱这个？我有一种感觉，我错过了一些非常简单的东西。

我想要的一个例子是Twitter 上的标题。

HTML：

<body>
<img id="topbar-img" src="img/topbar.jpg" />
<div id="topbar">asdf</div>
<!-- jq() loads jquery if it cant connect to online version. -->
<script type="text/javascript">
jq();
</script>
</body>

CSS：

body
{
background-image:url('../img/bg.jpg');
}

div#topbar
{
}

img#topbar-img
{
width:100%;
z-index:-1;
position:absolute;
display:block;
}
4

2 回答 2

1

将 body 元素的 padding 和 margin 设置为 0。

于 2013-06-29T23:39:59.657 回答
0

只需使用：

body { 
    margin:0;
    padding:0;
}
于 2013-06-29T23:42:25.243 回答