track元素无位置属性，字幕坐标须由WebVTT文件中line和position设置控制，或用video::cue { transform: translateY() }微调；position: absolute等CSS对track无效。
track 元素本身没有位置属性，不能直接用 CSS 控制字幕在视频画面上的坐标。浏览器对字幕的渲染位置是固定的（默认居中底部），调整必须通过 WebVTT 文件内的 cue 设置或 CSS 伪元素干预。
WebVTT 文件里用 line 和 position 控制单条字幕位置
字幕位置不是由 HTML 的 track 标签决定的，而是由它指向的 .vtt 文件中每条 cue 的设置控制。关键参数是 line 和 position，它们必须写在时间轴之后、文字内容之前：
-
line：指定字幕垂直位置，可取值为数字（如line:10%、line:2）或百分比（line:80%表示距顶部 80% 处），负值表示向上偏移出画布 -
position：控制水平位置，如position:20%（距左边缘 20%）、position:80%（靠右），不设时默认居中 - 必须用空格分隔多个设置，且紧贴时间轴后，例如：
00:00:01.000 --> 00:00:04.000 line:20% position:10%
- 注意：部分老版本 Safari 对
line支持不稳定，优先用百分比而非行号（如line:2）
CSS 用 ::cue 伪元素微调全局字幕样式和偏移
浏览器暴露了 ::cue 伪元素，可用于统一调整所有字幕的显示效果，包括视觉位移：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 不能用
top/left直接定位，但可用transform: translateY(-20px)上移字幕，或translateX(10px)微调水平 -
text-align只影响文字在 cue 区域内的对齐，不改变 cue 本身位置；真正移位得靠transform或 WebVTT 的position - 务必加
!important覆盖浏览器默认样式（尤其在 Chrome 中）：video::cue { transform: translateY(-30px) !important; } - 若要只作用于某条 track，需配合
data-属性 + JS 动态加 class，::cue本身不支持按srclang区分
为什么给 track 或 video 加 position: absolute 没用？
常见误解是以为调整 track 标签自身位置就能移动字幕——其实完全无效。原因很直接：
立即学习“前端免费学习笔记（深入）”；
-
track是元数据标签，不生成 DOM 节点，也无法被 CSS 选中或定位 - 字幕层由浏览器内部渲染器合成，独立于页面 DOM 流，不受父容器
transform或overflow影响（除非显式裁切） - 试图给
video设top: -50px只会移动整个视频框，字幕仍锚定在其内部固定区域 - 唯一可靠的入口就是 WebVTT cue 指令 +
::cue，二者配合才能稳定控制落点
最易被忽略的是：WebVTT 文件里 line 和 position 的单位必须带 % 或明确数值，漏掉冒号、空格错位、或混用中文标点，整条 cue 就会被跳过——字幕就退回默认位置，且没有任何错误提示。
