如何保持與背景圖片中心對齊的網站正文（內容）

我試圖保持my site的內容與背景圖片中心完全一致，有沒有辦法做到這一點？如何保持與背景圖片中心對齊的網站正文（內容）

目前我的背景是

body { 
    background: url(http://nickhumphries.com/images/tucson-bgl3b2.jpg) no-repeat center center fixed; 
    background-color: #fafafa; 
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    text-align:center; 
} 
#mainContainer { 
    margin:0 auto; 
}

來源

2013-08-22 Nick

看起來不錯。有問題嗎？ – tomaroo

當我打開你的網站時，我看到一切都很好，都在中間。 – Tiago

在最新的Chrome和IE瀏覽器中看起來不錯，有沒有一個特定的瀏覽器，您遇到問題？ – lostphilosopher

，因爲你使用了它的div你不需要文字居中對齊在你的身體。你應該使用#maincontainer作爲一個類.maincontainer，以便你可以單獨重用它。

爲什麼你在同一時間使用100％尺寸和覆蓋？你可以調整它來覆蓋或保持100％的權利？

玩這些想法。

來源

2013-08-22 16:23:59 kangoroo

通常如果我想中心的東西，我給它一個固定的寬度，並設置邊距左右自動

來源

2013-08-22 16:30:04

如何保持與背景圖片中心對齊的網站正文（內容）

回答

相關問題