背景不复css，背景不重复css

如何让网页背景图片不重复显示?

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

2、CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。

3、left：直接用left代表背景图片靠到div最左边，可以用数字代替，比如10px，来控制背景图片距离该div左边的距离。top：同left repeat的取值还有repeat-x，repeat-y，分别表示沿x轴重复和y轴重复。

4、首先插入背景图片，因为背景图片的尺寸比div尺寸大出许多，所以网页显示出的背景只是背景图片的一部分。对背景图片的尺寸大小以及设置是否重复显示背景图片。为了使整个div都是这个背景图片使用了百分比进行设置。

5、在你所加背景图片的table或div里加入如下代码：style=background-position：center； background-repeat：no-repeat； 例如： 补充： style=background-position：center； background-repeat：no-repeat； 加在里面就可以了。

6、的样式就可以了 width 是宽 height 是高 background-image 是背景图片地址 语法：(说明：在默认情况下，用户可以省略bgproperties属性，这时图片会按照水平和垂直的方向不断重复出现，直到铺满整个页面。

相关问答

Q1: 如何在css中让背景图片拉伸填充避免重复显示

css背景图不重复铺满方法：使用background-size背景尺寸属性：使用background-size属性可以改变背景图片的尺寸，使其适配当前元素的大小。而在背景图片进行平铺的时候，这个属性也能帮助实现背景图片不重复的效果。

CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。

没有直接办法，只能用层来实现，示例如下： 把你的网页程式码加在这里 注意要放在网页的内，而原来内的所有内容都要移动到内。这样也不是最佳解决方案，但暂时只能这样。

具体解决方法如下：创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。

css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

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

Q2: Css设置背景图片不显示的问题

，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

css不显示背景色或背景图案 一般来说，只有给指定的元素设定width和height等css样式时 设定的背景颜色才会有作用的。也很有可能是你的程式码写错了，把全部程式码贴上来，这样好给你解决问题。

代码编写有问题。解决的方法和详细的操作步骤如下：第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

这样能显示的话就代表你原来的的确是css路径问题。如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下 还有楼上所说的 图片后面的地址不用加引号，否则可能会引起部分浏览器不能显示的错误。

Q3: css背景图片,登录框固定不了

设置背景图片。设置登录框框并使其处于靠右位置。设置登录框框内容。要求用HTML+css完成。

根据你的描述设置Body背景图片无效为路径问题。

图片的地址写错了，特别是相对路径的时候写错，注意该地址的相对路径是相对于你的CSS文件地址的路径。你可以用绝对路径，就是整个背景图片完整地址写进去看是否生效。背景图片缺失，就是你这个背景图不存在。

在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

使用background-attachment： fixed设置背景图片不随滚动条而滚动。回到html代码页面，在body样式中添加上background-attachment： fixed即可。

Q4: css设置背景图片不显示问题

1、，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

2、如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

3、css不显示背景色或背景图案 一般来说，只有给指定的元素设定width和height等css样式时 设定的背景颜色才会有作用的。也很有可能是你的程式码写错了，把全部程式码贴上来，这样好给你解决问题。

4、代码编写有问题。解决的方法和详细的操作步骤如下：第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

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

6、路径是没有问题滴，但你的这个ID为 header 的容器你是否设置了高度宽度之类的。最简单的验证方法，把 header 设置为 header { background-image：url(../images/logo.gif)；border：1px solid red；} 看容器是否正常。

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