css怎么让背景不水平分布，css背景图平铺

CSS布局:背景图片设置不平铺,结果平铺了;什么情况?只有在火狐下正常...

首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

您好！很高兴为您答疑！兼容问题，可以使用！important设置HACK，这个属性火狐浏览器会自动优先解析，然而IE则会忽略。您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

因为页面有多个动画效果，导致body背景图在苹果手机上，大概率加载不出来，或者只加载中间一部分。定位出来问题的原因，是动画效果（infinite）影响了背景图的渲染。

建议您用火狐浏览器的元素查看器，看下页面这几个元素之间的嵌套关系，这种定位的兼容问题一般都是因为参考坐标点的差异导致的。您可以观察一下在嵌套视图中，是否有异常出现的空档。

相关问答

Q1: css背景图片不能平铺显示

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

先进入IE--工具--internet选项--高级--显示图片前面打勾 网速太慢货网页本身有问题(如果上别的网页正常，那说明这个网页的图片链接有问题)推荐您使用腾讯电脑管家。

浏览器兼容性原因。你的背景定义在那个标签里啊。确定你标签结构没有问题。

属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。

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

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

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

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

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

用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 用CSS设置图像效果 为图片添加边框 图片缩放 color属性是用于控制HTML元素内文本的颜色，取值可以使用下面的任意一种方式。

首先，打开html编辑器，新建html文件，例如：index.html。

Q3: div+css样式背景色无法平铺怎么弄?

推荐您使用腾讯电脑管家。打开腾讯电脑管家---系统修复(修复一下}--不行的话，电脑门诊--上网异常--网页图片，显示不正常。

如果背景是纯色，那就不存在平不平铺的问题，文字有多长，背景就有多长。

如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。

background：url(http_imgloadCAR8STNjpg) no-repeat；} /style 把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

background-repeat： repeat-x；使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。

Q4: 在html中,怎么设置背景图片不重复不平铺,只显示一张图片

1、显示器分辨率为1680X1050，div大小为1300X790，图像原始大小为1024X768，设置了margin：40px，加了边框，现在body和div用同一张图作背景，设置了背景图不重复，如下图。

2、在body标签里添加文件路径，语法如下：body background=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

3、图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。

Q5: css样式表禁用图像平铺

1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

2、body{ background：url(http_imgloadCAR8STNjpg) no-repeat；} 把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

3、先进入IE--工具--internet选项--高级--显示图片前面打勾 网速太慢货网页本身有问题(如果上别的网页正常，那说明这个网页的图片链接有问题)推荐您使用腾讯电脑管家。

4、你这种平铺的效果是采取的设置背景吧，如果直接插入图片或拖入图片是不会产生这种效果的。

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