给页面设置背景图片

Posted 2020-11-02 青城倚雪鹤三卿

注意给整个页面设置的方法如下:

.bg{
    background:url(../image/bg.png) no-repeat 50% 0;//50%和0表示从图片的横纵的哪一个px开始铺此类
    background:cover;//把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
    postition:fixed;//固定到视图
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:auto;/*拖动浏览器的时候，出现滚动条*/
}

注意：在body下定义一个唯一的div，div的class为bg