如何避免視圖中心背景圖像崩潰？

我使用了一個佈局，我在頂部有一個居中的標題/徽標圖像，並且它與垂直重複的背景圖像相連接。如何避免視圖中心背景圖像崩潰？

問題是，只要視口足夠寬，背景只保持居中。當我將寬度降低到背景圖像寬度以下時，背景圖像不再居中，只是從左側開始繪製，因此不再連接到徽標圖像。

我畫了這張照片只是爲了您的個人娛樂。

2011-06-15 Kaafir

是的，背景很有趣，謝謝！ – 2011-06-15 03:40:42

我喜歡通過將窗口縮小到600px以下並且來回滑動來使它看起來像跳舞。使我發笑。說真的，如果我明白你在問什麼，你想要div外的東西保持相對於div內的背景圖像的固定？ – kinakuta 2011-06-15 03:59:42

我在Firefox 3.6中，但沒有看到您正在討論的背景佈局問題：我想我只是不理解它。你能提供一些關於工作/非工作佈局的屏幕截圖嗎？ – Femi 2011-06-15 04:02:36

2011-06-15 05:02:54 yoel

嗯不，你沒有解決圖像不再排隊的問題，我絕對不希望圖像以任何方式拉伸。 – Kaafir 2011-06-15 14:23:44

將身體上的min-width設置爲至少等於您的圖像的邊界。在這個642px的測試案例中;

2011-06-15 10:57:04 Litek

是的，我已經嘗試過，但沒有改變背景。在這種情況下，背景仍然偏離中心 - 我不完全確定原因。 – Kaafir 2011-06-15 14:31:41

您是否嘗試過將最小寬度設置爲html作爲圖像的最小寬度？我在Chrome的第一個鏈接上嘗試過，它似乎工作。我將最小寬度設置爲680px。

2011-06-15 16:24:01

我最終沒有使用正文背景圖像，使得總是延伸到底部的100％min-height div更容易。這是我想出的：http://213.251.177.42/misc/background-problem/container.html

2011-06-15 18:06:23 Kaafir

回答