整页背景奇怪截止

在我的网站上我做了一个自定义的登录页面一切都几乎很好，但整个页面的背景图像。整页背景奇怪截止

背景图像显示正常，但如果您调整窗口的大小，您会得到滚动条，您会在页面底部获得一个白色条，并在移动设备上获得它。我将如何解决这个问题。

我已经尝试了一切，我知道它应该是一个简单的修复，但我不明白为什么我不能修复它。

我已经测试和那些行不通

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

整页背景奇怪截止

回答

相关问题