Html 如何为div放置固定背景?

Html 如何为div放置固定背景?,html,css,Html,Css,我正在为android制作cordova项目,也是为了提高性能,我正在将所有html文件转换为一个文件,因此我无法在标记中应用任何类或设置背景图像。我还需要为标签设置背景图像。 我尝试了下面的代码,但是图像没有完全设置为背景,顶部、底部、左侧和右侧都有一些空间,并且背景图像最终会很少滚动。如果图像是拉伸,则这不是问题。 从下面的输出中,您无法理解我的整个问题,因此请复制整个代码并在系统中装入新的html文件,然后在mobile view中进行检查 试验 .fxdback { 高度:100v

我正在为android制作cordova项目,也是为了提高性能,我正在将所有html文件转换为一个文件,因此我无法在标记中应用任何类或设置背景图像。我还需要为标签设置背景图像。
我尝试了下面的代码,但是图像没有完全设置为背景,顶部、底部、左侧和右侧都有一些空间,并且背景图像最终会很少滚动。如果图像是拉伸,则这不是问题。

从下面的输出中,您无法理解我的整个问题,因此请复制整个代码并在系统中装入新的html文件,然后在mobile view中进行检查


试验
.fxdback
{
高度:100vh;
溢出:滚动;
背景:url(https://s4.postimg.org/rfdxbny59/menus-min.jpg);
背景重复:无重复;
背景大小:100%100%;
}	
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
这是他的测试
试着这样做


您正试图根据我的理解创建视差效果

您可以尝试以下方法:

.bgimg-1 {                              // this is the most important code
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

//this one for image (Logo. Full height)
.bgimg-1 {
    background-image: url('image path');
    min-height: 100%;
}

如果您有多个html,并且希望保持所有文件不变,则可以将其放在单独的css文件中。

这样,整个图像都在滚动整个图像都在滚动,这并没有修复背景图像。@MerbinJoe这对我很有效。试试这个,
我也试过了,但没用。浏览此链接:背景应处于固定模式(无滚动)。但这里的背景图像正在滚动。是的。这被称为视差效应。它在我的项目中正常工作。