群晖登录美化

1.先看效果

本方法实现群晖登录页面中登录框透明效果。

修改登录界面前

登录界面修改后的对比，

2.实现方法

登录群晖后台，打开控制面板，点击登录门户，进入DSM中，点击编辑，进入登录样式编辑页面。

转到页脚信息，在页脚信息中填入如下代码。

<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>

点击预览，查看是否生效，注意，要勾选比html语法显示脚本信息。

点击保存，下次登录页便显示透明效果。