CSS - 背景圖片拉伸

我試圖得到類似的背景效果這是這個網站上：CSS - 背景圖片拉伸

enter image description here

通過查看它，該網站的背景是黑色的，但有一個橫向拉長保留在頁面頂部的背景圖片。當頁面向下滾動時，圖像停留在頂部，但會混合到背景顏色中。

我試圖使圖像就像一個在這個例子中，並用於background-size:cover但是當我向下滾動，圖像保持靜態，只是內容滾動。如果這是有道理的！

通過查看例子，可能有人親切地解釋什麼是需要CSS來實現這一目標？而且，圖像大小應該是多少（在PS中），以便在較大的瀏覽器中伸展而不會丟失質量？

我試圖尋找網站的CSS文件，看看發生了什麼事，但是這一切都在同一行和混亂的制定。

我會添加一個鏈接到該網站，以顯示它是如何滾動，但顯然我不能，所以截圖將不得不這樣做。

非常感謝提前。

2013-03-26 TheCarver

請勿鏈接到您的網站。請閱讀：http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it – 2013-03-26 19:02:42

@Diodeus：這不是我的網站。我不明白我如何以任何其他方式向專家展示SO。我可以放置一個屏幕截圖，但它不會解釋問題的滾動部分。我該如何解決這個問題？ – TheCarver 2013-03-26 19:04:32

您應該嘗試在不使用鏈接的情況下解釋問題。 – Martyn0627 2013-03-26 19:09:51

它看起來像這樣的背景下使用的CSS：

background:#000000 url(<img>) no-repeat scroll center top;

，其設定背景顏色和圖像，在頂部放置靜態圖像，使滾動下來以後，背景顏色纔可見。

要看到這種效果，使用Chrome，更改CSS來：

background:#00FF00 url(<img>) no-repeat scroll center top;

，你會看到是怎麼回事。

2013-03-26 19:06:35

完美地工作，謝謝一堆。 – TheCarver 2013-03-26 19:39:59

回答