站点节日氛围背景：一层固定图片就够

过年想给站点换个节日氛围背景，做法其实很轻：在页面的自定义头部代码里插一层全屏图片，压在内容底下当背景。打开网站后整页背后铺一张龙年主题图，固定不滚。

效果图

代码

把下面这段复制到主题设置里”自定义代码 / 头部自定义代码”的入口，保存刷新即可生效。结构是两层：外层一个绝对定位、z-index 为 -9999 的铺满容器，里面一张 position:fixed 的 100% 宽高图片：

<div id="lanye_imgbg" style="left:0;top:300;position:absolute;width:100%;height:100%;z-index:-9999;">
<img src="https://img.cdn.st/2024/02/03/83738c59e44028fa4f4176246f7349bc.png" height="100%" width="100%" style="position:fixed;top:0;left:0;"></div>

注意事项

图片 src 换成自己存放的背景图地址。宽高都是 100%，横图在手机上会拉伸变形，介意的换竖版比例或改背景图裁剪写法。层级压到 -9999 意味着图片在页面最底，若站点模板本身有背景色挡在最底，这层可能看不见，需要检查背景透明度。另外这套写法依赖主题提供头部自定义代码入口；没有这个入口的，直接在页头模板文件里加同样一层 div 也等价。