gpt4 book ai didi

javascript - 您可以使用 css 即时调整和裁剪背景图像吗?

转载 作者:太空宇宙 更新时间:2023-11-04 10:14:05 25 4
gpt4 key购买 nike

我在尝试为我的网站制作背景时遇到了一个问题。我正在尝试制作一个可以滚动和调整大小的图像,如下所示:https://sketchthemes.com/preview/?theme=98 .我试过这个:

<div id="back_img" style="background-image: url("test.jpg");"></div>

然后将样式设置为:

#back_img {

width: 100%;
position: absolute;
top: 0;
left: 0;
}

但这并没有包含我希望的所有功能。

最佳答案

设置背景附件:已修复;和背景大小:封面;将使它更接近那种效果,但是要获得视差滚动,您需要编写/使用脚本来根据当前滚动调整它的位置。

#back_img {

width: 100%;
position: absolute;
top: 0;
left: 0;
background-attachment: fixed;
background-size: cover;
}

关于javascript - 您可以使用 css 即时调整和裁剪背景图像吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37364688/

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