css中背景图片不重叠，css中背景图片不重叠怎么办

问个CSS难题:我用一张图片作为背景,但背景图不够页面大,我想背景图平铺...

您好！css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

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

css背景图片不够长时，显示兜底色设置背景属性。具体操作步骤如下：在css中，元素背景颜色使用background属性来设置。进入background选项界面。点击RGB设置属性值。

相关问答

Q1: CSS把背景图片不重复拉伸???

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

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

3、您好！css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

4、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

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

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

在你的CSS背景文件后面加句no-repeat；或者在你的页面DIV中加句no-repeat；就行了。就可以不让背景图片重复展示的情况了。

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

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

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

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

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

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

1、background-size 属性可以让我们之前的希望成真。 而且这个属性在firefox，chrome，以及ie9上都可以使用。

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

3、你可以在body上加个图片把图片宽100% 高 然后把他弄成position：absolute；z-index：-10；再在上面加任意标签均可。

4、使用CSS的background-size属性来调整背景图的大小，以适应元素的高度。可以使用值为cover或contain来保持背景图的宽高比例，同时填充或适应元素的大小。

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

6、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

Q4: 如何在网页中添加背景图片如何在网页中添加背景图片和视频

1、新建文件夹并将其命名为“表格”。将背景图放入新建的”表格“文件夹里。在Dreamweaver CS6中新建一个html空白文档。将页面内容放入中。

2、第一个：给css文件添加背景图片：使用url(../images/背景图片jpg)在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同。如图所示：第二：介绍：如图所示：第三种：在div中添加图片。

3、点击“插入”中的“图片”，根据需要选择图片，点击“插入”即可。

4、首先，Visual Studio打开一个网站，本例为TwoFish，在网站中已放置了图片资源，以及需使用的css样式和js代码。首先，在网页中找到body标签，如下图所示。接着找到div标签，如下图所示。

5、dw网页制作好后怎么添加背景图？首先我们在电脑上打开Dreamweaver软件 其次我们用鼠标左键点击HTML打开 接着创建HTML，然后输入网页代码 紧接着用鼠标左键点击工具栏中的修改 然后点击修改界面中的“页面属性”。

Q5: 怎么在CSS让背景图居中?不重叠平铺?谢谢。

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

2、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

3、通过background的center属性实现背景图片居中。 把CSS背景图片background-image的url()、no-repeat和center center写在一起。注意两个center分别代表背景图片水平方向居中和垂直方向居中。

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