小ㅤ七ㅤ之ㅤ家
启动

主题美化-左侧菜单添加背景图片【手机专用】

主题美化2周前更新 小七
307 0 0
主题美化-左侧菜单添加背景图片【手机专用】

手机侧边栏背景图片美化

目录

  1. 简介
  2. 效果预览
  3. 部署代码

简介

这是一个简单的CSS代码,用于美化手机端侧边栏背景。若要更换图片,请把代码中的 url(*.jpg) 替换成 url(自己的图片链接) 即可。


部署代码

/*手机侧边栏背景图片*/
@media (max-width: 767px){
    .mobile-navbar.show,.mobile-navbar.left{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(https://ps.ssl.qhimg.com/t027315007ce69f2f07.jpg);
    }
    .mobile-nav-widget .box-body {
        background: var(--muted-border-color) !important;
    }
}
function test1() {
  console.log("第一步的可复制代码");
}


© 版权声明

相关文章

暂无评论

暂无评论...
小七之家 导航
友情链接 申请
在线聊天 6人
加载耗时
网站运行
服务剩余 0

网址设置

网址样式切换

详细

网址卡片按钮

显示

布局设置

左侧边栏菜单

展开

页面最大宽度

2000px

搜索框设置

搜索框背景上下位置

仅对图片背景生效

50%

自定义搜索框高度

  • 聚焦
  • 信息
  • 默认