背景不滚动css，css背景图片滚动

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

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

2、如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力，所以可以解除背景图片和文字内容的捆绑，该为和浏览器窗口捆绑。

3、如果至指定一个方向另一个方向默认为center，两种方法也可以混搭。

相关问答

Q1: css如何滚动鼠标背景不变页面内容改变css如何滚动鼠标背景不变页面内...

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

设置宽度和高度的好处是鼠标只要移到li元素块上就可以触发，如果没选，鼠标的触则需要移到带超链的文字上才会有效果。浮动可以不用设置。li a：hover标签设置 字体颜色 这里设置的字体颜色只有当鼠标悬停时才会显示出来。

用hover，比如你要div某个div背景变色，用 类名：hover{background：#ff6a00；} 或者是 id：hover{background：#ff6a00；} 这样就行了，鼠标放开背景色就自动变化回去了。

Q2: 如何让背景图片固定不随滚动条滚动

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

2、可以通过设置图片为母板模式，这样背景图片就被锁定了，不能移动。具体的设置步骤如下：首先打开PPT文件，然后点击“视图”按钮。在下方弹出的界面中点击“幻灯片母板”。

3、首先设置一个div 用来装 img ，div 的宽 为图片的宽，一般使用百分百就可以了，例如 width：100%； 不要设置高度，让图片自动撑开高度。然后设置 img 的 width：100%； display：block； 将标签 img 设置为块级元素。

4、在index.html中的标签，输入js代码：style=background-image：url(image.jpg)；background-repeat：no-repeat；background-attachment：fixed。浏览器运行index.html页面，此时滚条拉动，页面内容能动，背景图片不动。

5、fixed表示指定的背景是永远固定的，即：背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。

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

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

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

步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在标签内。步骤添加一个p容器，然后命名为bg-box步骤背景全屏需要容器全屏，将bg-box的样式补全。步骤设置完毕，图片背景以及全屏了。

fixed表示指定的背景是永远固定的，即：背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。

overflow内容溢出时的设置（设定被设定对象是否显示滚动条）overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

关于背景不滚动css和css背景图片滚动的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。