Question

html设置背景图片全屏不重复

Answer 1

问：html设置背景图片全屏不重复

答：你好很高兴为您解答问题，html设置背景图片全屏不重复方法如下:1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。2、然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。3、然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。4、将background-size，可以设置其值为100%。5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。

问：就是这个图片我想设置全屏，但是不能铺满

答：1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。2、然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。3、然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。4、将background-size，可以设置其值为100%。5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。

问：这是我的代码

答：你按这个方法就可以了哦

问：那为啥设置了backgroundsize还不行的啊，上面的都符合

答：您更新浏览器了吗

答：background-size 属性详解，background-size 指定背景图像大小，以象素或百分比显示，当指定为百分比时，大小会由所在区域的宽度、高度以及 background-origin（图片的起始位置） 的位置决定，还可以通过 cover 和 contain 来对图片进行伸缩