html - 使 div 视频背景淡出 - 这可能吗?

标签 html css wordpress video background

我正在使用 Wordpress 为客户创建网站。网站的顶部是一个以视频为背景的 div。他们要求视频 div 的底部淡入网站背景。我想不出任何方法来实现这一点,但我想我会调查一下,看看是否有任何可能实现这一目标。请指教。

请在此处查看网站: 测试地址:http://www.dankruptmusic.net/wordpress 实际站点:http://www.dankruptmusic.net

谢谢大家!

最佳答案

您正在寻找的是渐变蒙版,并且有一篇关于该主题的帖子,您应该在其中找到您的解决方案 - Using CSS, can you apply a gradient mask to fade to the background over text?

另请查看这篇关于整个掩蔽主题的文章。它可能有一个更简单的例子来说明你在找什么 - https://css-tricks.com/clipping-masking-css/

关于html - 使 div 视频背景淡出 - 这可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30800864/

相关文章:

javascript - 如何避免部分选择破坏 block 级 HTML 元素?

wordpress - 我在哪里保存 wordpress 的小部件代码?

html - 带有子菜单的 Wordpress 子菜单在悬停时消失

php - 将向前/向后导航插入到 wordpress 主题的帖子/投资组合部分的标题中

html - 如何创建两个与标题并排的表格?

javascript - 如果内联 SVG 在运行时插入到文档中,它可以在 HTML4 中工作吗?

使用 Google map 的 Android 导航应用程序的 Java 与 HTML5

jquery - 滚动后如何向下滑动div及其内容

html - 居中 "go to top"图片链接,但链接应用到图片高度的 100% 宽度

html - 表格列中的 CSS 垂直对齐方式