jquery - CSS 过渡在 Chrome（Mac 版本 31）和 Safari（版本 6.1）中滞后

Question

因此，我使用 Foundation 的非画布示例 ( http://zurb.com/playground/off-canvas-layouts ) 构建了一个非画布导航，它在 Firefox 和 Opera 中运行良好，但在 Chrome 和 Safari 中运行不佳。

我使用的 CSS 是这样的：

[role="complementary"], [role="main"] { 
    width: 100%; 
    display: block; 
    position: relative; 
    -webkit-transition: 0.25s all ease-in; 
    -moz-transition: 0.25s all ease-in; 
    -o-transition: 0.25s all ease-in; 
    transition: 0.25s all ease-in; 
}

我遇到的问题是背景没有滑入该部分，因此在背景出现之前会出现明显的白色闪光。请注意，webkit 上的转换正在发生，它只是没有发生应有的背景。

我希望这足够清楚，并且有人可以提供帮助。

注意：我已经尝试按照我在某处看到的建议放入-webkit-backface-visibility: hidden;CSS，但这没有任何区别。