当前位置: 首页 > 面试题库 >

使用CSS在滚动过程中保持背景图像固定

微生毅
2023-03-14
问题内容

如何在页面滚动期间保持背景图像固定?我有此CSS代码,并且图像是身体的背景,而不是<div></div>

body {
  background-position:center;
  background-image:url(../images/images5.jpg);
}

问题答案:

background-attachment: fixed;



 类似资料:
  • 我试图使用不同的图片作为网站文章页面的背景。文章的每个部分都有不同的背景图像。背景应正常滚动(背景附件为“滚动”,大小为“包含”),直到相应部分达到顶部,然后用封面大小固定。 我的问题是,背景图像只有在固定时看起来很好。大多数图像是在背景中的帧。然而,在“滚动和包含模式”中,图像不会覆盖整个背景,而是其正常高度。我收集这是因为我使用"包含"作为背景大小,然而,改变大小为"覆盖"或百分比仍然不使图像

  • 如何在css中设置固定背景并滚动???而且我一直试图设置一个背景来覆盖所有维度,因为我总是以模糊的背景结束:( 我在这方面相对较新,所以请不要评判我,这是我的css:body#bg{宽度:100%;高度:100%;位置:绝对;左:0px;顶部:0px;z-index:0;背景附件:固定; }

  • 问题内容: 我想居中背景图像。没有使用div,这是CSS样式: 上面的CSS会全部平铺并将其居中,但是看不到一半的图像,只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗? 问题答案: background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position

  • 我试图设置一系列div的背景图像,每个都有自己固定的高度,并拉伸以填充宽度,即使顶部/底部有溢出被剪辑。我只是不想边缘有空白。 目前,我有:http://jsfiddle.net/ndKWN/ CSS

  • 问题内容: 我想知道,当我向下或向上滚动时,我的图像和布局的颜色会乱七八糟,我使用recyclerview创建了cardview。并设置图片(在点击时更改颜色,以了解其用户喜欢的项目),并将setbackgroundcolor(随机选择)设置为父版面,以使Cardview更具吸引力。但是当我滚动1.图像更改位置的图像时,2.布局背景自动更改颜色。 我在这里发布适配器的代码。 } 问题答案: 我已经

  • 在使用WordPress时,是否可以像通常在HTML中一样在CSS中获得背景图像。我试过这么做,但没用。