html里面怎样让背景图片全屏,使用width和height来定义吗,,_随笔

如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body

style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。

网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复，但又得占满浏览器所采用的方法。

你好，可以使用背景图片，比如把img作为body的背景图，然后设置body的样式

background: #226039 url(../images/bg.jpg) center no-repeat

就可以使图片100%显示，且不会拉伸，具体参数你可以查background的具体属性

希望可以帮助到你

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在<style></style>标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

欢迎分享，转载请注明来源：内存溢出

html里面怎样让背景图片全屏,使用width和height来定义吗,,