html让背景图片自适应填充整个页面的两种方法 |
您所在的位置：网站首页 › 背景铺满html › html让背景图片自适应填充整个页面的两种方法 |
html让背景图片自适应填充整个页面的两种方法
|
第一种：使用background-size:cover; background-size属性指定背景图片大小。 注意浏览器兼容。 DOCTYPE html> 背景图片自适应填充整个页面 body{background: url(u=3577773561,2706257243&fm=26&gp=0.jpg) no-repeat;background-size:cover;}
============================================================================= 第二种：background-size：100% 100%；background-attachment:fixed; background-size属性指定背景图片大小。 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。 注意浏览器兼容。 DOCTYPE html> 背景图片自适应填充整个页面 body{background: url(u=3577773561,2706257243&fm=26&gp=0.jpg) no-repeat;background-size:100% 100%;background-attachment:fixed;} |
【本文地址】