网站添加背景图的两种方式（小图平铺，大图浮动）

第一种方式，小图平铺

设置方式： 添加css样式即可

/*背景图开始*/
body{background-image:url(https://www.902d.com/wp-content/uploads/2020/10/62babc802748.png);background-attachment:fixed;}
/*背景图结束*/

 

body {
    background-image: url("https://www.902d.com/wp-content/uploads/2020/10/62babc802748.png");
    background-position:left top;
    background-size:auto;
    background-repeat:repeat;
    background-attachment:scroll;
}

图片采用类似小图即可，尺寸122*238 可用photoshop重新调整图片尺寸

第二种方式，大图浮动

可选用高清大图，背景图片固定不动，不跟随滚动条移动

设置方式：

1、添加CSS样式，图片以及样式参考 玩转网主题

/**
PC端背景图，浮动不变
*/
 @media (min-width: 768px){
     #backgroundImage{
        background-image: url(图片地址);
        background-size: cover;
        background-attachment: fixed;
    }
 }
 
/**
移动端背景图，浮动
*/
  @media (max-width: 768px){
     #backgroundImage{
         background-image: url(图片地址);
         background-position: center center;
         top: 0;
    }
 }

#backgroundImage{
    background-position: right bottom;
    background-repeat: no-repeat;
    position: fixed;
    top: 0px;
    z-index: -999;
    left: 0;
    right: 0;
    bottom: 0;
}

2、添加html文件，在主题模板文件footer.php中添加html内容，在body前添加，也可以通过主题设置中加到页脚部分

<div id="backgroundImage"></div>