中心的背景圖像

請看看上面的屏幕截圖，我會想中心與黑色的背景圖像，但我發現在底部的一些空白。請任何人幫我解決這個問題。

CSS

.bgimg { 
    background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center; 
} 
div#cont { 
    height: 672px; 
}

HTML

<body class="bgimg"> 
<div id="doc2"> 
    <div id="hd"></div> 
    <div id="bd"> 
     <div id="cont"> 
      <div class="middle"> 
       <p> hi hello </p> 
      </div> 
     </div> 
    </div> 
    <div id="fd"></div> 
</div>

來源

2009-11-19 Kaartz

我在屏幕截圖中看不到任何空白區域？ – 2009-11-19 19:14:31

位於瀏覽器狀態欄上方的底部 – Kaartz 2009-11-19 19:16:15

我無法複製此內容，您確定自己的css中沒有其他位置的此白色背景顏色嗎？ – 2009-11-19 19:21:22

嘗試添加此：

html,body { height:100%; }

來源

2009-11-19 19:53:47 Bertine

非常感謝好友，它工作。 – Kaartz 2009-11-19 19:59:49

嘗試在您.bgimg類設置height:100%;。

編輯：您可能還想將padding:0;margin:0;設置爲您的.bgimg類，以便確保。

來源

2009-11-19 19:14:52 jaywon

不，其不工作 – Kaartz 2009-11-19 19:17:22

背景圖像底部是否有空白？ – jaywon 2009-11-19 19:29:10

我猜GBS-Chronicle-Background-1.png不夠高。您可以將背景色添加到黑色或與Y一起重複圖像。

來源

2009-11-19 19:16:08

嘗試更改背景規則的順序，使顏色最先顯示。

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

來源

2009-11-19 19:25:30 keithjgrant

試試這個太（如上面已經建議）：

體{COLOR：＃000000;}

另外：我會建議評論你的內容div的高度。和/或將內容div的bkg顏色設置爲與正文相同的顏色。希望有所幫助！ :)

來源

2009-11-19 19:58:55

中心的背景圖像

回答

相關問題