屏幕上的中心網站背景？

我在很多網站上看到過這個訣竅，我想爲自己的項目做好準備。
我有一個圖像background.jpg這是非常大，只是爲任何屏幕大小做好準備。
我希望將背景圖像置於訪問者的窗口中央。
我的意思是，雖然滾動窗口內容將移動，但背景將保持原位 - 垂直居中和水平居中。屏幕上的中心網站背景？

順便說一句，大多數觀衆將有舊的蹩腳PC，所以它最好不閃爍，如果它會是JS。

來源

2011-03-28 Vercas

body 
{ 
    background-image: url('background.jpg'); 
    background-repeat: no-repeat; /* you know... don't repeat... */ 
    background-position: center center; /*center the background */ 
    background-attachment: fixed; /*don't scroll with content */ 
}

來源

2011-03-28 14:16:29 canon

完美！有用！ – Vercas 2011-03-28 14:20:16

嘗試的是在這個提琴：http://jsfiddle.net/maniator/3RRYe/3/
demo
看是否適合雅^ _^

來源

2011-03-28 14:14:07 Neal

這應該僅僅是中心，而不是頂部中央 - 他要垂直居中了。 – Tesserex 2011-03-28 14:15:34

'body { \t background：url（background.jpg）no-repeat center top; }'不工作' – Vercas 2011-03-28 14:15:53

@Vercas，什麼沒有工作呢？ – Neal 2011-03-28 14:16:25

把你的形象在身上背景：

body{ background-image:url('your/image/url'); }

，並把身體內的div：

<body><div class="div-body">{your site's contents}</div></body>

，並創建一個CSS選擇器這樣的：

.div-body{ 
    overflow:scroll; 
    width: 100%; 
    height: 100%; 
    display: block; 
    float: left; 
}

來源

2011-03-28 14:19:58 pylover

屏幕上的中心網站背景？

回答

相關問題