相关疑难解决方法(0)

我目前正在做一个视差网站主题.对于某些'div'和'section,需要将背景图像附加为固定的,以避免jquery沉迷于所有内容.问题是任何动画项目下方标签的背景图像在转换完成时消失,仅在Google Chrome上.补救？

我正在开发一个cordova应用程序,我正在尝试获得固定的背景.不幸的是,它似乎没有工作,任何时候我向下滚动背景只是从页面的顶部.这是我用来做这个的CSS(我已经尝试过其他几种方式):

html {
    width:100%;
    height: 100%;
    background-color:#000000;
    background-image:url('../img/bg_reader.jpg');
    /*background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center;*/
    background-size: 100% 100%;
}

无论如何,当我向下滚动时,背景会从屏幕顶部滚动,就像没有设置固定属性一样.

我有一个全屏背景图片的网站。

html, body {
  height: 100vh;
}

html {
  background: url('/img/background.jpg') no-repeat center center fixed;
  background-size: cover;
}

此代码在大多数设备上运行良好，但在一些旧的 Android 设备上，向下滚动时会导致问题。部分向下滚动但不松开手指会显示一个与 URL 栏大小相同的白色栏，同时消失。一旦你松开手指，背景就会自行修复。

这就是图像在滚动中的样子。

有没有办法确保背景总是填满页面？

编辑：我还尝试添加具有这些属性的 div：

#background {
  background: url('/img/background.jpg') no-repeat center center fixed;
  background-size: cover;
  z-index: -100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200vh;
}

这显示了背景，但发生了同样的问题。

我正在开发一个我使用过该background-attachment:fixed 房产的网站.它在Firefox中工作正常,但图像不固定.在Chrome中,它表现正常.这是代码:

CSS:

.AboutBg
{
    background-attachment: fixed;
    background-image: url("../Images/LandingPage/smart.jpg");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
    height: 90%;
    position: absolute;
    width: 100%;
}

HTML:

<div class="AboutBg"></div>