Javascript 从溢出设置的DIV动画：隐藏区域不显示在Safari iOS上_Javascript_Ios_Css

Javascript 从溢出设置的DIV动画：隐藏区域不显示在Safari iOS上

javascript ios css

Javascript 从溢出设置的DIV动画：隐藏区域不显示在Safari iOS上,javascript,ios,css,Javascript,Ios,Css,我可能在Safari iOS中发现了一个bug，当设置DIV动画时，它被翻译成container DIV 带有徽标的DIV在其容器内具有绝对位置。点击橙色按钮开始动画和标志被翻译出容器-这是正确的。但是：播放此动画时，仅当动画完成时才隐藏并显示DIV 评论：若DIV不包含图像，但只有背景色，则动画是正确的常见技巧不起作用：translate3d（强制3d引擎），将透视设置为99999像素，设置背面可见性在桌面safari、桌面Chrome、Android上一切正常如果DIV的平移比它应

我可能在Safari iOS中发现了一个bug，当设置DIV动画时，它被翻译成container DIV

带有徽标的DIV在其容器内具有绝对位置。点击橙色按钮开始动画和标志被翻译出容器-这是正确的。但是：播放此动画时，仅当动画完成时才隐藏并显示DIV

评论：

若DIV不包含图像，但只有背景色，则动画是正确的
常见技巧不起作用：translate3d（强制3d引擎），将透视设置为99999像素，设置背面可见性
在桌面safari、桌面Chrome、Android上一切正常
如果DIV的平移比它应该的小一个像素，动画是正确的（但是这个像素是可见的，所以这个解决方案不好）

我有个诀窍：在内部DIV中添加透明空间，以满足“至少有一个像素必须重叠”的条件，但这只是一种变通方法

我做错了什么？Safari iOS中真的有这样的bug吗