laypage容器不支持background-image配置项，必须用css覆盖.layui-laypage类并设置background-image、background-repeat、background-size等属性，且需确保路径正确、加载时机早于渲染、子元素背景不遮挡。
laypage容器本身不支持background-image配置项
laypage分页组件的样式完全由 CSS 控制，laypage.render() 的所有参数（包括 theme、layout、prev 等）都不接受背景图设置。你不能通过 JS 传入 bgImage: 'url(...)' 或类似字段——这些字段会被直接忽略。
必须用CSS选择器精准覆盖.layui-laypage容器
laypage 渲染后生成的外层容器类名是 .layui-laypage，它是一个 div 元素，高度由内部内容撑开。要加背景图，得确保：
- 选择器足够具体，避免被 layui 内置样式或全局 reset 覆盖
- 显式设置
background-repeat: no-repeat，否则默认平铺会糊成一片 - 加上
background-size: cover或contain，不然小图会缩成一团或拉伸变形 - CSS 必须在
layui.css之后加载，或使用!important提权（尤其当项目用了 inline style 或动态 addStyle）
推荐写法：
.layui-laypage {
background-image: url('/static/img/pagination-bg.png') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
padding: 10px 0; /* 可选：给背景留出可视区域 */
}
当前页按钮和跳转按钮的背景图会遮盖容器背景
如果你同时设置了 .layui-laypage-curr 的渐变背景（如 linear-gradient()），或修改了 .layui-laypage-jump button 的 background-color，它们会以不透明色块盖住容器的背景图——因为这些子元素是绝对定位或 z-index 更高，且默认带 solid 背景色。
解决办法只有两个：
- 把当前页按钮设为半透明：
background: rgba(255,255,255,0.15) !important，再叠上文字色 - 或干脆移除按钮背景，只靠容器背景图 + 文字对比度来识别当前页（需同步调高
color和 hover 效果）
注意路径和渲染时机
背景图路径必须是服务端可访问的绝对路径或完整 URL，url('./bg.png') 在 laypage 动态插入 DOM 后基本 100% 404——因为此时上下文已脱离原始 HTML 所在目录。
另外，如果分页容器是异步加载（比如 tab 切换后才 render），CSS 必须提前注入，不能依赖 layui.use 回调里用 element.addStyle() 晚绑——它可能来不及影响首次渲染。
最稳的方式：把分页背景样式写进独立 CSS 文件，在 layui.css 后、layui.js 前引入。
