0

画面の中央になるように div ブロックを追加しようとしています。私が持っているのは固定された背景画像だけで、奇妙なことをしています。

CSS:

body {               
    margin:0;
    padding:0;
}

#middle {       <--- the white div block
    background-color:#FFF;
    display:block;
    width:750px;
    height:750px;
    margin:0 auto 0 auto;
    margin-top:15px;
    position:relative;
    overflow:hidden;
}

#bigbg {                <-- background image
    height:auto;
    width:100%;
    z-index:-100;
    min-height:100%;
    min-width:100%;
    margin-left:0%;
    position:fixed;
    margin-top:0px;
}

html:

<div id='middle'>
</div>
<img src="images/backgroundmain.jpg" id="bigbg">

次のようになります。 このように見えます

白いdivブロックを中央に配置したい. 背景画像を適用するより良い方法はありますか? プロパティを html に追加することで目的を達成できましたbackground-image:urlが、固定マージン/幅など、必要なすべてのプロパティを追加することはできませんでした..

4

3 に答える 3

0

ミドルクラスmargin:0 auto 0 auto;に変更margin:0px auto;

于 2013-10-27T04:28:12.807 に答える
0

以下のCSSを更新します

body {               
margin:0;
padding:0;
width=100%;
}

#middle {       <--- the white div block
background-color:#FFF;
display:block;
width:750px;
height:750px;
margin:15px auto 0 auto;
position:relative;
overflow:hidden;
}

#bigbg {                <-- background image
height:auto;
width:100%;
z-index:-100;
min-height:100%;
min-width:100%;
margin-left:0%;
position:fixed;
margin-top:0px;
}
于 2013-10-27T04:31:14.573 に答える