css背景是图片图片重复显示，css背景图片被背景色覆盖

为什么设置了背景图片还是重复了?

1、这样背景图片就会固定住，不会因页面滚动而重复。

2、我们在扫描手机垃圾，清除一些缓存或者手机数据的同时，可能把微信上的数缓也给清除了，数据里面就包含着微信上的聊天背景，这样背景自然也就没。

3、因为你的图片太小了，桌面上右键单击》属性》桌面 》位置》选 “拉伸”就不会有重复了。

4、一般是因为缩放的问题导致的。图片的段落设置中的行距被设成固定行距了。这个问题应该是图片水印，缩放比例不得当造成的。或者是因为你的图片格式太小了，导致图片背景平铺的效果，你可以试试将图片设置为水印。

5、一般情况下，在网站中的背景图为了是布局色统一其都是单一的小图经过重复而得到的 对于你的要求除非你是想做静态网站或网页就一个屏幕那么大否则就不行。

6、估计是你的图片比页面小，你设置的时候看看是不是有平铺、居中、拉伸的选项，根据你的需要设置。

相关问答

Q1: css如何控制背景图片重复一部分,就是上半部分是图片,下半部分是重复的...

默认情况下，后面的结点覆盖前面的结点。不过可以通过z-index设置哪个结点在上，z-index值较大的在上，小的在下。

也就是只会把背景图片显示一次)，repeat-x(横向重复背景图片)，repeat-y（纵向重复背景图片）。

可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size： 100%；轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。

上下两种方向的渐变图片，合成一个图片，然后用背景定位background-position：去定位，然后横向平铺，这个这样说很难讲的明白，用的是同一个图片没错，但是定位不一样。

比如一个容器（body，p，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

Q2: 为什么网页的背景图总是重复?

1、这样背景图片就会固定住，不会因页面滚动而重复。

2、可能是因为网页的比较长，长度超出了屏幕（出现了滚动条）。这时可以利用CSS属性background-attachment指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动。

3、Css内容统一写到一起。把改为 在中加入下面代码试试，其中图片地址改为自己图片的地址。

4、你好！那是因为背景图片的大小不够大，小尺寸的图片就重复填充整个背景啦！background里面有个no-repeat可以让图片不重复，但是这只能在图片够大的情况下才能填充整个背景 如有疑问，请追问。

Q3: 如何实现css中background中添加两张图片,一张置顶,一张无限重复

1、css这样设置：.top_bg{ background：url(images/top.jpg) no-repeat top 0；} .bottom_bg{ background：url(images/bottom.jpg) no-repeat bottom 0；} 0也可以写成left，背景还可以重复，repeat-x，repeat-y，x轴y轴。

2、ul li a{padding-left：20px；background：url(小三角) no-repeat left；} 其实a标签中前面空出来的距离应该使用：文字缩进。但为了你理解用了padding。

3、background-repeat： 决定是否重复背景图片。background-attachment： 决定背景图是否随页面滚动。这些属性可以全部合并为一个缩写属性： background。

4、比如 background： url(haoroomsCSS1_s.jpg) 0 0 no-repeat，url(haoroomsCSS2_s.jpg) 200px 0 no-repeat；就同时指定了两个图片，两个图片的位置可以通过后面的 位置参数调整。

Q4: ...正常显示logo图片,页面缩小时整个图片都重复显示以下两张图片,第一...

1、你好，楼主，你请看下你放Logo的那个lefter容器的宽度，这明显是挤压产生的变形。希望我的回答对你有帮助。

2、因为都是浮动 所以当整个大的div长度变小之后，里面两个浮动的div的总长度高于外面的div 导致右边内容被挤下来了，背景图片就这么大，多出来的部分会显示背景颜色。

3、你这布局一看就是有问题的啊，css代码我也没法接到html上，就说你代码实现的部分，第一张大图，左边的留白明显比右边小那么多着一看就是有问题的，如果是正常的左右padding然后内部两块width50%是不会出现这样的情况的。

css背景是图片图片重复显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景图片被背景色覆盖、css背景是图片图片重复显示的信息别忘了在本站进行查找喔。