Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Webkit问题-缩放导致视频顶部的元素消失_Javascript_Html_Css_Html5 Video_Css Transforms - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript Webkit问题-缩放导致视频顶部的元素消失

Javascript Webkit问题-缩放导致视频顶部的元素消失

javascript html css

Javascript Webkit问题-缩放导致视频顶部的元素消失,javascript,html,css,html5-video,css-transforms,Javascript,Html,Css,Html5 Video,Css Transforms,我有一个容器div，里面有： 视频元素 视频上方右上角的红色方形div 演示可在此处获得： 容器有一个transform:Scale（），和溢出：隐藏 当您开始增加比例时，您会注意到比例1.1-1.2之间的某个位置-红色框div消失！ 它仍然在那里，但它被移到了视频后面 发生在桌面和移动浏览器上的Chrome&Safari中 仅对位于视频右侧的元素发生 增加z指数没有帮助。只有将视频设置为z-index:-1时，它才会显示红色元素 当用简单的div替换视频元素时，问题不会发生 删除溢出：隐

我有一个容器div，里面有：

  • 视频元素
  • 视频上方右上角的红色方形div
演示可在此处获得：

容器有一个
transform:Scale（）
，和
溢出：隐藏

当您开始增加比例时，您会注意到比例1.1-1.2之间的某个位置-红色框div消失！
它仍然在那里，但它被移到了视频后面


  • 发生在桌面和移动浏览器上的Chrome&Safari中
    • 

  • 仅对位于视频右侧的元素发生
    • 

  • 增加z指数没有帮助。只有将视频设置为
    z-index:-1
    时，它才会显示红色元素
    • 

  • 当用简单的div替换视频元素时，问题不会发生
    • 

  • 删除溢出：隐藏的
    时，不会发生问题
    • 
知道为什么会这样吗
    
由于生产限制，我正在寻找一个全局css/js修复程序来应用于容器，而不是子元素
    

    谢谢
     嗨！我和我的同事也有同样的问题。你找到解决办法了吗？嗨！我和我的同事也有同样的问题。你找到解决办法了吗？