0

IE8 でブラウザの境界まで画像を引き延ばそうとしています。右、左、上、下に 5px 程度の余白がある以外は動作しています。画像をすべての面に完全に貼り付けたい. 私の雇用主は、このページを正しく理解できない場合、これが最後のストローだとほのめかしました:(できれば助けてください..

HTML:

</head>
 <body class="fullbackground">
 <!--THIS IS THE BACKGROUND IMAGE--><img class="fullbackground" src="c:\documents and settings\zx08067\Desktop\Outage_Page\background.png">
    <div class="top">
...
...

CSS:

body {
    position:relative;
}

img.fullbackground {
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%; /* alternative: right:0; */
    height:100%; /* alternative: bottom:0; */
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}
4

2 に答える 2

1

body タグのマージンとパディングを 0 に設定してみてください。

body {
    position:relative;
    margin: 0;
    padding:0;
}

ほとんどの Web ブラウザには、要素に独自のデフォルト スタイルがあります。個人的には、次のようなリセット スクリプトを常に使用します: http://meyerweb.com/eric/tools/css/reset/

于 2013-05-27T19:45:54.360 に答える
0

あなたのCSSに追加

html,body{
padding:0 0 0 0;
margin:0 0 0 0;
overflow-x:hidden; // To remove the bottom scrollbar
}

それがうまくいくことを願っています。

于 2013-05-27T19:45:02.953 に答える