我在页面上找到了一个视频元素，该元素在 Safari 移动版和桌面版中都运行良好。 我有一个半透明的下拉菜单，工作正常。问题是，当菜单位于视频元素上方时，在桌面 safari 上我可以在菜单下看到视频(根据需要)，而在移动版本上，无论我说什么，视频元素都会保留在前景上(丑陋) CSS。有什么解决办法吗？
最佳答案
仅当视频元素是动态创建时才会出现此问题。如果元素在加载时正好位于页面中，则 z-index 工作正常。
您可以通过提供视频元素 -webkit-transform-style:preserve-3d 来修复动态创建的视频上的 z-index。
是的，它和 IE 上的 haslayout 一样糟糕!
关于iPad Safari 移动版似乎忽略了 html5 视频元素的 z 索引位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3683211/