html5-video - HTML5 视频控件不适用于 CSS 转换
问题描述
我在定义固定高度和样式的容器内有一个 HTML5 Video 元素，overflow: auto因此我可以在容器内滚动。另外还有一个transform: translate3d(0px, 0%, 0px);样式，因为动画需要。
当我点击视频控件的设置图标（三个点 - 在 Google Chrome 中可用）时，上下文菜单显示在其他地方（我猜）并且容器滚动回顶部。我发现这一切的原因是transform，但我没有找到“重置”它的方法。
有关示例，请参见随附的 JSFiddle：http: //jsfiddle.net/yjL1ndh5/
有人可以
a）向我解释为什么会发生这种情况，
b）建议修复css代码吗？
解决方案
推荐阅读
- powershell - Importing a .csv after prompting for file path for AD account creation in Powershell
- javascript - 目的是什么在 React 类渲染函数中？
- flutter - 升级颤振后包无法在pub中解决
- mysql - 如何通过匹配列名将列数据从一个表复制到另一个表？在 SQL 或 Power Query 中
- vue.js - vue 组件中的 svg.js
- c++ - 什么是数据类型
::work_type 为？ - c# - 如何在 cshtml 视图中使用 Asp .NET Core MVC 中的变量？
- progress-bar - 在 wpInstalling 页面上显示多个图像（幻灯片）
- google-analytics - ga:producBrand 和 ga:productVariant 行为不一致
- apache-pulsar - 如何为 apache pulsar 设置 logrotation