gpt4 book ai didi

javascript - 垂直拉伸(stretch)背景图像而不是按比例拉伸(stretch),而不仅仅是覆盖 - 这可以实现吗?

转载 作者:行者123 更新时间:2023-11-30 10:31:17 28 4
gpt4 key购买 nike

编辑:答案将允许背景图像根据 body 的大小改变它的高度。如果正文是 500px 高,它应该是 100% 宽度,500px 高度。或 100% 宽度 2500 像素高度。

也许我错过了这件事,但我正在尝试弄清楚如何让我的背景图像随页面缩放。最终用户不希望背景图像是静态的(封面),但图像应该随着他的网站上的内容越大而缩放。

我猜这不能仅靠 CSS 来完成。当我说我想我已经经历了一大堆不同的方式来做这件事。

这只是一个简单的 javascript/jquery,我可以在其中获取 body 标签的高度,然后将其应用于背景图像的高度吗?

如果你需要一个例子:

<body>
<div class="first"><!--TEXT--></div>
<div class="second"><!--TEXT--></div>
</body>

CSS

body { background: url(http://flashfreezeicecream.com/bg.jpg) center no-repeat; }
div { width: 75%; margin: 0 auto; }
.first { height: 1000px; }
.second { height: 500px; }

http://jsfiddle.net/WEat7/

这需要在具有不同主体高度的多个页面上工作

编辑:http://jsfiddle.net/WEat7/1/固定 div 的宽度来说明这个概念。我道歉

最佳答案

body {
background: url(http://flashfreezeicecream.com/bg.jpg) center no-repeat;
background-size:100% 100%;
}

http://jsfiddle.net/WEat7/

关于javascript - 垂直拉伸(stretch)背景图像而不是按比例拉伸(stretch),而不仅仅是覆盖 - 这可以实现吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16836238/

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