我自己通过反复试验解决了问题。以为如果有人偶然发现这个问题,我会报告。仍应注意,在Chrome将自身更新为Chrome
13(13.0.782.107m)之前,没有发生此问题。
这里的技巧似乎是在声明时(或至少在动画化之前)
translate3d向基础
<div>(
sq2)元素添加操作
sq1。
否则,
translate3d对上层
<div>(
sq1)的操作将导致渲染忽略下方的
z-index和。我猜这是因为是在DOM中定义的,因此将在它之上呈现。
sq1``sq2``sq1``sq2``sq2
因此,解决方案似乎是放入:s
translate3d的定义
<div>(将它们添加到两者中只是为了清楚):
HTML:<div id="sq1" ><div id="sq2" >



