Google chrome CSS3转换、分层和诊断

我最近正在开发一个微型站点，它使用CSS3中一些较新的3D效果转换。然而，我一直试图在分层方面变得有点太过棘手，这样某些视觉错觉就会产生效果，这是导致许多头痛的原因

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

如果不粘贴一段一英里长的实验性代码，有人会马上知道是什么导致了这个问题吗？我最好的猜测是，z索引继承在某个时候出错了，但很难诊断。。。接下来的问题是，是否有人知道分层诊断的好策略（这里的工具也很好）

我当然精通标准开发工具/Firebug

---

谢谢大家

好的，所以我解决了我的问题，并提出了以下策略，供将来诊断分层问题时参考

检查可能相互干扰的所有元素的离散Z指数值。如有必要，重新订购，看看是否解决了问题。如果没有，请继续

检查步骤1中所有元件的谨慎定位。确保它们在CSS标记中声明为“position:absolute”或“position:relative”。不要依赖继承/默认值。绝对声明是关键

检查“背面可见性”值。如果您的设置很复杂，很容易忘记是什么

---

遵循这种模式是我最终做到的。我的问题原来是这三个问题的组合，但在我遵循上述步骤之前，它们不一定会向我暴露出来

如果有人有灵巧的工具或更好的策略，我会等一段时间再接受自己的答案。我想看看其他的想法。