html - 使用 CSS 在视频上叠加标题

标签 html css

<分区>

制作如图所示的精细网格叠加层的最佳方法是什么?

(它覆盖在视频背景上。但在标题后面。)

fine grid

最佳答案

正如 Kristine 所提到的,您可以有 3 层:

  1. 视频
  2. 精细网格(例如 png,因为它是透明的)
  3. 标题(Gramercypark)

您可以通过在您的 css 中使用 z-index 来实现这一点。 More info & example here .

对于图像,我建议使用 + 图,并将其重复以覆盖整个页面。仅重复使用小图片将最大限度地减少(下载)网站的加载时间和带宽。

关于html - 使用 CSS 在视频上叠加标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33414847/

相关文章:

javascript - 你如何覆盖内联 onclick 事件?

javascript - 如何使用 JavaScript 验证下拉列表中是否未选择任何内容

html - SVG 剪辑路径仅适用于 firefox——不适用于 chrome 或 safari?

css - 单击时选择 div 中的所有内容?/调整文本框大小以适合文本?

html - 您可以使用 iframe 从您的页面导航其他网站吗?

html - 在html中构建一个菜单,内容在右边

html - 如何修复 IE 10 中不匹配的结束标记错误

javascript - 如何使用纯 Reactjs 制作折叠 TextView ?

javascript - 单击时不会触发绑定(bind)了 jQuery 单击事件的 Div?

javascript - 为什么我们在JavaScript中多次运行时需要清除动画?