关于背面可见性

时间:2012-12-25 04:41:33

标签: css mobile mobile-safari

使用以下命令可以防止在iPad,iPhone iOS Safari浏览器的Web开发,动画闪烁,position:fixed性能问题,滚动问题等问题时出现许多问题:

-webkit-backface-visibility: hidden;
-webkit-transform  : translateZ(0); 
-webkit-transform  : translate3d(0,0,0);    

建议在互联网上使用这些CSS命令修复iPad Safari浏览器上的错误。 但是,最近,我发现每当使用其中任何一个时都会出现问题。我不知道是否有人注意到它。当你在网页上捏缩放时,通常任何东西都不会重新加载或刷新,但是当上面的任何一个CSS语句被制作时,捏缩放你会看到一些断断续续的东西变成白色一秒钟,好像背景是走了,然后它装回方块。

这是一个非常烦人的问题。我想放弃使用上面的命令,但是使用它们而不使用它们会产生错误。是不是没有办法解决它?

1 个答案:

答案 0 :(得分:0)

尝试添加-webkit-transform:translateZ(0);到目标元素接触或过去的任何元素。

我有一个邪恶的1+秒闪烁,这也让我疯狂调试,这在我的实例中起作用。