Question

感谢您的帮助，最终得到了这个

HTML { 位置：相对; 最小宽度：950像素; 高度：100％; background：black url（images / GrassBG.png）repeat-y top center;

font:13px "Lucida Grande",Helvetica,Arial,sans-serif;
}

body.main { 宽度：950像素; 保证金：0自动; 位置：相对; }

使用div作为背景图像时有什么办法 - 将高度限制为仅显示的内容？

我把背景图片放在div中，因为我希望它通过位置居中：相对但是图像不会显示，除非我在div上放置一个高度，这不是我想要的，因为我不想只能向下滚动到图像的底部，其中没有内容

我已经尝试将背景图像放在身体css上但是如果浏览器小于图像的宽度，它只是把它扔到左边而你只能看到它的一半 - 是没有办法让它背景位置：身体上的亲戚？

抱歉，如果没有意义＆gt;＆lt;

感谢

为什么你不能使用Position：relative;在身上？

Answer 1

您可以将div的高度设置为100％并将其设置为no-repeat，以防止它在整个div中传播。确保它的所有父元素都包含100％的高度（一直到body）。因此，它不会强迫自己成为一定的高度。它只会填满页面。

当然，这都是假设您不关心与相关div下面的内容进行交互。

<style>
body,
#parent {
    height: 100%;
}

#the_one_with_the_background {
    background: url('background.png') no-repeat top center;
    height: 100%;
    width: blahpx /* You're still going to have to define a width of some sort */
}
</style>

<body>
    <div id="parent">
        <div id="the_one_with_the_background">
        </div>
    </div>
</body>

背景图片帮助

1 个答案: