調整窗口大小後css背景修復失敗

我花了幾個小時試圖讓背景固定在中心。我希望你能展示我犯了什麼愚蠢的錯誤。調整窗口大小後css背景修復失敗

我的代碼

#main_inside{ 
     float:right; 
     margin-top:223px; 
     width:700px;  
     background:url("images/gidas.png") no-repeat fixed 496px 259px transparent; 
     margin-bottom: 86px; 
    }

問題是與CRTL +滾動，當我重新大小的窗口。圖像消失。

我也曾嘗試：

background-position:center;

，並試圖這樣：

background-origin:content-box;

和使用％來設置圖像距離試過。

真正的問題URL http://lyderiai.net/tg2013/gidas.php

來源

2013-04-28 Karolis

當您使用「固定」你正在固定網站的視窗（又名窗）的圖像，因此，例如，如果你將它設置爲「背景位置：左0「它不會把div的左邊位置，但窗口左邊的位置。因此，這就是爲什麼當您調整窗口大小時，圖像會移動。

來源

2013-04-28 18:04:08 drip

我曾試過背景位置：左0，但沒有運氣。在所有窗戶尺寸的中央放置圖片是簡單還是複雜的方法？ – Karolis 2013-04-28 18:42:33

我舉了一個例子，它不會像你這樣做。一個簡單的方法是將背景添加到body標籤。（或某些div佔用窗口寬度的100％） – drip 2013-04-28 18:47:23

我不確定該設計有什麼問題，但是即使當我添加到主體時它也不起作用 – Karolis 2013-04-28 20:56:18

調整窗口大小後css背景修復失敗

回答

相關問題