gpt4 book ai didi

html - 背景图片帮助

转载 作者:行者123 更新时间:2023-11-28 14:59:44 24 4
gpt4 key购买 nike

感谢帮助,结束了

html{ 职位:相对; 最小宽度:950px; 高度:100%; background:black url(images/GrassBG.png) repeat-y top center;

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

正文.main{ 宽度:950px; margin :0 自动; 职位:相对;


当使用 div 作为背景图像时,有什么方法可以将高度限制为仅显示的内容吗?

我将背景图像放在 div 中,因为我希望它通过 position:relative 居中,但除非我在 div 上放置高度,否则图像不会显示,这不是我想要的,因为我不想能够向下滚动到没有内容的图像底部

我试过将背景图片放在 body css 上,但是如果浏览器小于图片的宽度,它只会把它扔到左边,你只能看到一半 - 没有办法让背景position:relative于 body ?

对不起,如果这没有意义><

谢谢

为什么不能用Position:relative;在 body 上?

最佳答案

您可以将您的 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>

关于html - 背景图片帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2716538/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com