CSS3变换，分层和诊断

Question

我最近开发了一个微站点，它使用了CSS3中一些较新的3D效果变换。然而，我一直试图让分层太棘手一些，以便某些视错觉生效，并且它已经成为许多令人头疼的原因...

一般来说，Chrome中存在这个问题（但不包括Firefox，还没有尝试Safari或IE），其中一切似乎都在屏幕上“适当渲染”，但是当我点击一个链接或突出显示某个更“棘手层次”区域中的某些文本时，我的光标变得柔软，我无法获得任何功能。我可以看到一切都很好，只是有一个无形的墙阻止我的光标互动，如果这有助于解释。

没有粘贴一英里长的实验性代码片段，没有人知道他们的头顶是什么可能导致此问题？我最好的猜测是z-index继承在某些时候已经出错，但很难诊断......导致我的下一个问题，即是否有人知道任何分层诊断的好策略（工具在这里也是很棒的）！

我当然非常精通的标准开发工具/ Firebug的...

谢谢你们！

Answer 1

好了，所以我解决我的问题，并与下面的策略诊断分层问题备查想出了......所有的元素，可能彼此干扰

1. 入住谨慎Z-指数值。如有必要，重新排列它们，看看是否能解决问题。如果没有，继续前进。
2. 检查来自步骤1的所有元素的谨慎定位。确保它们被声明为在CSS标记中具有“position：absolute”或“position：relative”。不依赖遗传/默认。绝对的声明是关键。
3. 检查您的“backface-visibility”值。如果你的设置很复杂，很容易失去记录。

遵循这种模式是最终为我做的。我的问题结果是所有3个组合，但直到我按照上述步骤操作之前，他们不一定向我展示自己。