css背景图片怎么展开，css背景图片怎么放大

css中如何将背景图片全屏显示?

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

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

3、最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8： 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

4、如果你是给body设置的背景的话，可以在加一个属性 background-size：100%；这样就全屏了。

5、！-- table { background-image： url(b6jpg)；height： 100px； width： 100px；} -- 用图像处理软件（如：Photoshop）“裁切”成需要的大小。注：建议用第2种方法，图像太大影响网页打开速度。

相关问答

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

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

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

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

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

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

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

Q2: css背景图片如何设置全屏??

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

做1920宽度的背景；做100x100尺寸以内的小背景，通过background-image属性引入图片，使其上下左右循环重复，达到满屏效果，即四方连续。

如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。

全屏主要就是要宽度铺满浏览器窗口，将宽度定义为100%即可。

我们发现对background-size的设置有 cover、contain等参数。 cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

lxm 19872006 的方法是可行的。

Q3: css设置背景图片大小

1、通过设置background-size 的属性设置图片大小。

2、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

3、本身这个图片宽度为165px高度60px 通过CSS改变设置图片大小 这里设置divcss5盒子里图片宽度300px高度100px 两处使用图片为同一张图片，以便观察效果。

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

5、html中的标签中，输入css代码：body {text-align： center；background： url(smallpng)； background-size： 60%；} 浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

6、css3中可以通过background-size来控制图片的大小。background-size属性用法：background-size： length|percentage|cover|contain；1）length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。

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