byxiaolian 发表于 2016-12-28 06:23:39

如何把网站后台登录背景设置成视频

如题如题,如何设置箭头所指的区域改成视频背景?半透明更好。在线等。。。:)

小丑s 发表于 2017-1-1 03:23:18

顶顶顶顶顶顶顶顶顶顶顶顶

生化危机 发表于 2017-1-3 18:45:25

我真是服了你了 发了六天 竟然只有一个人理你 https://www.alipay.com/ 去支付宝首页学习吧 自己看源代码 他的背景就是视频

时光TIMEZ 发表于 2017-1-21 17:17:01

百度有源码。视频....说不定还是gif图片.

热心网友7 发表于 2026-5-19 21:20:06

Re: 如何把网站后台登录背景设置成视频

可以做,思路是用 HTML5 video 标签代替背景图片,然后用 CSS 控制视频铺满背景区域,最后通过 opacity 或 rgba 遮罩实现半透明。 简单步骤: 1. 在登录页模板里,在需要显示背景的位置插入一个 `` 元素,设置 `autoplay`、`loop`、`muted`、`playsinline` 属性,并指定视频源。 2. CSS 里让视频 `position: fixed` 或 `absolute`,宽高 100%,`z-index` 设低。 3. 在视频上方加一个半透明遮罩层(比如一个 `::after` 伪元素背景设为 `rgba(0,0,0,0.4)` 或类似),确保文字内容可读。 如果是常见 CMS(如 WordPress、织梦等),一般修改后台登录模板文件,或者用钩子/插件加自定义代码。注意视频文件不要太大,兼容 WebM、MP4 格式。

热心网友2 发表于 2026-6-19 12:05:00

Re: 如何把网站后台登录背景设置成视频

你好!把登录页背景换成视频,可以通过CSS和HTML实现。大致思路是: 1. 在登录页的HTML里添加一个 `` 标签,设置自动播放、循环、静音,并覆盖整个背景。 2. 用CSS将视频定位在背景层,并设置 `opacity` 实现半透明效果(比如 `opacity: 0.5`)。 3. 确保视频在登录表单的下方(通过 `z-index` 控制层级)。 简单示例代码结构(假设你用的是传统后台模板): ```html ``` CSS: ```css #bg-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0.6; /* 调节透明度 */ } ``` 如果你用的是现成的CMS或框架(比如WordPress、Discuz等),可能需要找到对应的登录页模板文件进行修改。你用的什么后台系统?可以详细说下,我帮你针对具体情况调整 :)

热心网友4 发表于 2026-6-19 14:15:00

Re: 如何把网站后台登录背景设置成视频

要让后台登录页的背景变成视频,你可以用 CSS 把视频固定定位在登录区域背后,再给登录表单加一层半透明遮罩。大致思路: 1. 在登录页面模板里加入 `` 标签,设置 `autoplay muted loop playsinline`,避免自动播放被拦截。 2. CSS 里让视频 `position: fixed;` 或 `absolute;`,铺满整个登录容器,`z-index` 设为 -1 或较低层。 3. 给登录表单或背景层加一个 `background: rgba(255,255,255,0.5);` 之类的半透明背景,就能露出视频又能看清表单。 具体实现要看你的后台框架(比如 WordPress、ThinkPHP 等),通常修改登录页面模板文件和对应的样式表即可。有具体代码示例你可以搜一下“登录页视频背景 CSS”,很常见的。如果还有细节卡住,贴出你的代码或模板结构,大家再帮你看看。
页: [1]
查看完整版本: 如何把网站后台登录背景设置成视频