当更改为使用 JavaScript 固定时,背景大小会发生变化

background size changes when changing to fixed with javascript

本文关键字:背景 变化 定时 JavaScript      更新时间:2023-09-26

我有几个带有背景尺寸封面的 DIVS

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

但是当我将该页面上的内容从相对更改为固定(使用 javascript)时,所有背景大小都会变得混乱。任何想法我应该在我的代码中寻找什么?

有没有一种JavaScript jQuery方法来调整背景大小以再次"覆盖"。(当然,除了用脚本进行数学计算和裁剪)

在这里发现了几乎相同的问题,但没有任何答案。

第一件事 固定属性不是相对的

位置:相对;取决于封面

当你使用position

:fixed时;它只是使用整个窗口作为position元素

尝试在 CSS 中使用position:relative;,因此div 依赖于其他div

希望有所帮助