整頁背景奇怪截止

在我的網站上我做了一個自定義的登錄頁面一切都幾乎很好，但整個頁面的背景圖像。整頁背景奇怪截止

背景圖像顯示正常，但如果您調整窗口的大小，您會得到滾動條，您會在頁面底部獲得一個白色條，並在移動設備上獲得它。我將如何解決這個問題。

我已經嘗試了一切，我知道它應該是一個簡單的修復，但我不明白爲什麼我不能修復它。

我已經測試和那些行不通

html,body{margin:0;padding:0;height:100%} 
body.login{margin:0;padding:0;height:100%} 
*{margin:0;padding:0;}

SOLUTION

html { 
    background: url('images/yourimage.jpg') no-repeat fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/body-bg.jpg', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; 
} 

body.login{background: transparent;}

來源

2013-07-24 Pullapooh

您html, body取出height:100%;聲明。

它導致身體不超過100％（視口），以便視口外部的區域（滾動時可見）不再具有背景，因爲身體太小而不能填充屏幕的該區域。

來源

2013-07-24 14:56:34 robooneus

謝謝你修復它，但有一個趕上Wordpress自動添加它。如何擺脫它？ – Pullapooh

以什麼方式自動添加它？如果你正在構建一個WordPress主題，你應該能夠在CSS文件中控制它。 – robooneus

Wordpress從它的核心css文件中自動添加它。我不想觸摸觸摸文件並保持原樣。 – Pullapooh

我不得不將body.login css選擇器更改爲html並添加body.login背景：transparent;

html { 
     background: url('images/yourimage.jpg') no-repeat fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/body-bg.jpg', sizingMethod='scale'); 
     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; 
    } 

    body.login{background: transparent;}

來源

2013-07-25 10:24:02 Pullapooh

整頁背景奇怪截止

回答

相關問題