body{ width:100%; height:100%; margin:0; padding:0; /*overflow:hidden;*/ background: url("../YanAnDaPing/dataView/images/bg.jpg") no-repeat center; background-size:100% 100%; background-attachment:fixed; -webkit-background-size: cover; }
时间: 2024-02-14 17:24:04 浏览: 112
CSS--overflow:hidden在项目实例中使用心得分享
这段代码的作用是设置body元素的样式,其中包括:
- 将body元素的宽度和高度都设置为100%,使其铺满整个浏览器窗口。
- 将body元素的margin和padding都设置为0,以避免显示出不必要的空白。
- 将body元素的背景图设置为../YanAnDaPing/dataView/images/bg.jpg,不重复,并且居中显示。
- 将背景图的大小设置为100% 100%,以保证背景图铺满整个body元素。
- 将背景图的固定位置设置为fixed,以确保在滚动页面时背景图不会移动。
- 使用webkit浏览器引擎的background-size属性设置,将背景图按照比例缩放以适应容器大小,但不会超出容器范围。
需要注意的是,这段代码中的overflow:hidden注释掉了,如果需要限制在body元素范围内显示,可以将其取消注释。
阅读全文