css如何控制背景不滚动，css怎样设置背景不覆盖其他

css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动...

效果如下图：background相关属性：background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。其值为fixed表示当页面的其余部分滚动时，背景图像不会移动。 background-repeat 属性设置是否及如何重复背景图像。

background-image，用它可以指定整个网页的背景图片(将它放在BODY标签内)，也可以是某一个单词。

设置背景图片：引入背景图片：background-imageURL background-image：url(bg.jpg)none 不设置背景图片设置背景图片的平铺方式：background-repeatrepeat 将背景图案填满整个背景。

相关问答

Q1: “css中滑动背景如何让盒子不滑动”?

css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动，只能通过鼠标拉滚动条。 css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。

可以用position：fixed；bottom：0；z-index：999；试试看能不能达到你想要的效果。如果达不到可能我理解错了，可以追问。

css页面缩小让盒子不动，可以调整分辨率为1200px。根据相关公开信息查询，css页面缩小盒子动，是因为两个分辨率不适配，调整到标准分辨率就可以了。

首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。在index.html中的标签中，输入css代码：a.big{border：1px solid white；}。

Q2: js和css如何设置背景全屏图片不受垂直滚动条影响?

1、第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置。

2、打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图 设置背景图片样式。

3、而且背景图片不会随着滚动条滚动而滚动，实现背景图片的自适应。

4、真要弄好挺麻烦的。用JS代码获取游览器宽度和高度，然后根据宽度和高度来设定。网上有这样的代码。你找一下。或者找下资料，自己写个JS，这个不难。常规就是百分比，不好用的话。你就找常用的分辨率来弄。

5、也可以通过坐标准确的定位图片的位置(x，y) x水平方方向的位置 y垂直方向的位置，单位是像素(px)设置背景图像是否会随视窗滚动而滚动：background-attachmentscroll 设置背景图像会随视窗滚动条的移动而移动(默认)。

6、要用css做背景插入，想100%正好满屏显示是不可能的。首先别人屏幕分辨率你确定不了，css背景图现在没有这种你想象的自适应功能。

Q3: 只用CSS让背景层固定不动,在背景层上还有个层它随滚动条?滚动_百度...

1、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

2、在css标签内，再设置类名为ff的样式，设置其高宽都为100px，背景颜色为红色，使用position定位属性设置div在页面的绝对位置，距离页面顶部为20px，距离页面左边为0px，从而实现div悬浮在页面中。

3、在test.html文件中，创建多个p标签，让页面产生滚动条。在css样式中，使用background-image属性设置页面的背景图片为jpg，将background-repeat属性设置为no-repeat，让背景图片不重复显示。

4、可能会分3种情况：浏览器的窗体滚动，这个估计每个浏览器都不一样，记得以前IE中纵向不超屏幕，横向超过一屏，用滚轮就横着滚，没测试。iframe中的窗体滚动。div中的内容overflow滚动。

关于css如何控制背景不滚动和css怎样设置背景不覆盖其他的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。