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 要素のパディングとマージンを 0 に設定します。

于 2013-06-29T23:39:59.657 に答える
0

単純に使用します：

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