html - Internet Explorer 中的 z-index 错误

Question

我有两个具有相同尺寸的 div。一个 div 放置在另一个上。每当我需要反向时，我为另一个 div 分配了 z-index。它在 chrome 中运行良好。但在 Internet Explorer 中，该z-index: -1元素是完全隐藏的。为什么会这样？我用最新的 Internet Explorer 10 对此进行了测试。你们中的任何人以前发生过这种情况吗？

Answer 1

将 z 索引保持为正数。我会给你的元素分配一个默认的 z-index，然后有一个你添加到其中一个或另一个的显示类（使用 jquery 等），使 z-index 的数字更高。

.item { z-index: 10; }
.item.display { z-index: 20; }