整页背景奇怪截断答案

【问题标题】：Full page Background strange Cut off整页背景奇怪截断
【发布时间】：2013-07-24 14:52:14
【问题描述】：

在我的网站中，我制作了一个自定义登录页面，一切正常，但完整的页面背景图片。

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

我已经尝试了所有我知道这应该很容易解决的方法，但我不明白为什么我不能解决它。

我已经测试过了，这些都行不通

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

解决方案

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;}

【问题讨论】：

标签： css background background-image

【解决方案1】：

删除html, body 上的height:100%; 声明。

它导致主体不超过 100%（视口），因此视口之外的区域（在滚动时可见）不再具有背景，因为主体太小而无法填充屏幕的该区域。

【讨论】：

感谢这修复了它，但有一个问题是 Wordpress 会自动添加它。如何摆脱它？
通过什么方式自动添加？如果你正在构建一个 Wordpress 主题，你应该能够在 CSS 文件中控制它。
Wordpress 会自动从其核心 css 文件中添加它。而且我不想触摸文件并保持原样。
还有其他方法可以解决这个问题吗？
在使用 Wordpress 时从未遇到过这种情况。这是最好/最简单的方法。如果您担心会弄乱其他 Wordpress 页面，您可以只将其动态添加到登录屏幕。您是在创建主题，还是其他？如果是你自己的主题，那么你应该有完全的控制权......

【解决方案2】：

我不得不将 body.login css 选择器更改为 html 并添加 body.login 背景：透明；

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;}

【讨论】：