身體被推下來

我一直在這個網站上，http://hidden.xx的問題是，<body>下推大約從頂部20像素。這是在頁面底部的問題，你可以看到背景漸變重複最後20px。如果您嘗試取出螢火蟲或任何其他面板，重複發生的區域會變得更大。身體被推下來

我已經tryed解決這一點，但螢火沒有給我是什麼原因造成這種行爲的線索。我嘗試將身體絕對定位到頂部，並且這種解決方案，但重複區域再次出現，如果你從瀏覽器的底部，像螢火蟲等撬出面板

編輯：有兩個問題，第一個問題是保證金崩潰問題，並由@zzzzBov解決。而第二個問題是由添加background-repeat:repeat-x;的身體得到解決，這要歸功於@Alex

來源

2011-10-25 halliewuud

很難麻煩拍攝，如果你直播現場工作。（你好嗎？）專用的測試頁有助於緩解這種擔心 –

Margin collapsing strikes again！

_{#wrapper的保證金與body合攏。你可以將其更改爲padding: 20px 0和margin: 0 auto;}

來源

2011-10-25 13:58:52 zzzzBov

泰，這幫助了我。但問題仍然是，當我從底部帶出螢火蟲面板時，會出現重複的顏色。 – halliewuud

你要去如果出現滾動條以任何理由與重複的色差問題。 – zzzzBov

沒有看到你的樣式表，我建議試圖以清除padding和margin您body標籤（它們設置爲0）。如果失敗了，那麼我建議您在導航欄上清除這兩個文件。

來源

2011-10-25 13:55:04

嘗試這樣的：

body{ background: -moz-linear-gradient(#377AA8, #589CCB) repeat-x scroll 0 0 #579BCA; }

重複背景只以「X」（水平），並把背景顏色到梯度的淺的顏色。

來源

2011-10-25 13:58:29 Alex

在第3行的背景顏色更改爲#589CCB：

html { background-color: #589CCB;} 

/* line 20, ../sass/screen.scss */ 
body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    background: #589CCB; /*OLD: background: #377aa8;*/ 
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #377aa8), color-stop(100%, #589ccb)); 
    background-image: -webkit-linear-gradient(#377aa8, #589ccb); 
    background-image: -moz-linear-gradient(#377aa8, #589ccb); 
    background-image: -o-linear-gradient(#377aa8, #589ccb); 
    background-image: -ms-linear-gradient(#377aa8, #589ccb); 
    background-image: linear-gradient(#377aa8, #589ccb); 
    }

來源

2011-10-25 13:59:06 gearsdigital

這是沒有幫助的，因爲重複的顏色是gradiant的，而不是背景屬性。 – halliewuud

查看上面更新... – gearsdigital

身體被推下來

回答

相關問題