我最近一直在开发一个微型网站，它使用CSS3中一些较新的3D效果转换。 然而，我一直试图在分层方面变得有点太棘手，以便某些视错觉生效，这是许多头痛的原因......
一般来说，Chrome 中存在此问题(但不是 Firefox，尚未尝试过 Safari 或 IE(，所有内容似乎都在屏幕上适当地"渲染"，但是当我去单击链接或突出显示一些文本时更"棘手的分层"区域之一，我的光标变得跛行，我无法获得任何功能。 我可以看到一切很好，只是有一堵看不见的墙阻止我的光标交互，如果这有助于解释的话。
如果不粘贴一英里长的实验代码，有没有人知道可能导致此问题的原因？ 我最好的猜测是 z 索引继承在某些时候出了问题，但很难诊断......引出我的下一个问题，是否有人知道任何好的分层诊断策略(工具在这里也很棒(！
我当然精通标准的开发人员工具/Firebug...
谢谢大家！
好的
，所以我解决了我的问题，并提出了以下策略，以供将来诊断分层问题时参考......
- 检查可能相互干扰的所有元素的离散 Z 指数值。 如有必要，请重新订购它们，看看是否可以解决问题。 如果没有，请继续。
- 检查步骤 1 中所有元素的谨慎定位。 确保它们在 CSS 标记中声明为具有"位置：绝对"或"位置：相对"。 不要依赖继承/默认值。 绝对声明是关键。
- 检查您的"背面可见性"值。 如果您的设置很复杂，很容易忘记什么是什么。
遵循这种模式是最终为我做到的。 我的问题原来是所有 3 个问题的组合，但在我按照上述步骤操作之前，它们不一定会向我揭示出来。