css背景图跟随滚动，css设置背景图

关于css中背景图跟着div移动的问题

新建一个html页面，并在页面中写上一个div。并为div添加背景图片，为背景图片添加一些基本的样式。按下键盘上的F12，查看其在浏览器中的效果。利用css中的伪元素：after或者：before。

数值1是控制左右宽度；数值2是控制上下高度；底部右下可以写：background-position：right bottom。图片 图片是指由图形、图像等构成的平面媒体。

要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

相关问答

Q1: 关于css如何控制背景的分享

这个的默认值是transparent（透明色）。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。

下面我们就继续给大家介绍css背景图像固定的实现方法。

Q2: css如何实现固定的背景图像

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

CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。

background-repeat： repeat-x； 这是指定背景图片重复为横向重复。background-position： left top； 这是指定背景图片的对齐方式。一般的背景图片就这三个属性的，如果你指定了图片的目标，那么这个背景图就是固定的。

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

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

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

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

3、浏览器的窗体滚动，这个估计每个浏览器都不一样，记得以前IE中纵向不超屏幕，横向超过一屏，用滚轮就横着滚，没测试。iframe中的窗体滚动。div中的内容overflow滚动。1是随着屏幕分辨率计算，比较难控制。

css背景图跟随滚动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css设置背景图、css背景图跟随滚动的信息别忘了在本站进行查找喔。