设置CSS背景图像而不影响页面高度

Question

我正在将页面加载到iframe中。 iframe的源代码具有用于设置背景图像的CSS设置：

body {
    background: url("//mydomain.com/bg.jpg") no-repeat scroll center top;
}

图片的高度为1586像素。它必须是所有页面的背景（有一个回合6）并且它不能缩放。如果页面的高度小于1586像素，则应裁剪背景图像。

我的问题是iframe的高度始终是1586px，即使页面（src =）要短得多。我试过溢出：隐藏但是没有帮助。

Answer 1

你尝试过背景：封面吗？

Answer 2

嗯。也许试试

body {
    display: inline-block;
    width: 100%;
    height: auto;
}

如果这不起作用，请尝试选择与html, body相对的body。

Answer 3

试试这个：

body {
    background-image: url("../bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}