群晖可以这么玩 - 简单设置登陆框透明

2023-08-04 13:26:49 34点赞 101收藏 10评论

群晖登陆页面设置背景图片后登录框默认是白底的,会挡住部分的背景图片。效果如下图

群晖可以这么玩 - 简单设置登陆框透明

如果我们想要透明化登陆框,可以通过以下设置。

  • 进入控制面板

  • 进入登陆门户

  • 点击编辑按钮

  • 拉到最下面页脚信息的地方

  • 插入下面引用的代码(注意:为了能正常插入代码,故下面的代码中在尖括号后插入了空格,实际插入时请删除代码中两个 < 后面的空格)

  • 点击预览,确认生效后保存设置

群晖可以这么玩 - 简单设置登陆框透明

< style type="text/css"> .tab-panel { background: rgba(255,255,255,0.5) !important; } .login-textfield .input-container input { background-color: transparent !important; } body { -webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);} < /style>

注意:

为了能正常插入代码,故下面的代码中在尖括号后插入了空格,实际插入时请删除代码中两个 < 后面的空格。

如果想设置页面修改后亮度,可以调整body后4个brightness(1)的值,1是原亮度,高调亮,低调暗。比如我自己就调到了1.2.

修改后的效果如下图:

群晖可以这么玩 - 简单设置登陆框透明

改完后是不是感觉顺眼一点呢。谢谢各位观看群晖可以这么玩 - 简单设置登陆框透明

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
10评论

  • 精彩
  • 最新
  • 这代码,前端工程师流下了熟悉的泪水 [喜极而泣]

    校验提示文案

    提交
  • 这种设置真的是屁用没有

    校验提示文案

    提交
  • 哈哈哈,虽然并没有什么用,但是还是给个赞

    校验提示文案

    提交
  • 加了两行cas代码 [惊喜]

    校验提示文案

    提交
  • 这种美化什么的,有时候还是可以玩玩的

    校验提示文案

    提交
  • 我的是每天0点自动同步bing的壁纸到群晖,然后自动设置成登陆背景,每天不一样

    校验提示文案

    提交
    哥们来个教程

    校验提示文案

    提交
    来个教程

    校验提示文案

    提交
    收起所有回复
  • 我也不记得多久没见过登录界面了

    校验提示文案

    提交
  • 壁纸分享下被!

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
101
扫一下,分享更方便,购买更轻松