Question

我知道这个问题已有详细记载但我无法从我正在阅读的内容中找到一个有效的解决方案。我有一个非常大的网站，我想要一个div坐在网站上的其他一切。现在我已尝试给出div "position:absolute; z-index:99999;"，这将在除了ie之外的所有内容中起作用。我怎么能这样做？

Answer 1

您可以尝试：

position: fixed; z-index: 9999;

这将使div显示在其他div之上。（并向下滚动）

Answer 2

所以我尝试了这个我发现的jquery脚本

$(function () {
    var zIndexNumber = 1000;
   $('div').each(function () {


        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

我在它周围添加了另一个包装，以检查broswer是否在手之前。这似乎解决了这个问题，但确实意味着页面加载速度较慢，即每个div都在处理中。当页面加载时。

Answer 3

这不是应该发生的事情。没有看到HTML＆amp; CSS，很难确定原因。一些标准的调试技术......

将z-index设置为一个非常高的数字应该将该元素呈现在其他所有元素前面**。如果它没有在前面呈现，那么有些东西正在将其他元素的z-index设置为更高的值。这可以在CSS或脚本中设置。快速检查是关闭脚本。要研究这一点，请使用firebug查找前面元素的z-index。要找到它，编辑任何脚本，甚至是缩小的脚本，只需搜索“z-index”。

这听起来像是一个快速的“回归基础”重新审视问题可能会导致这个问题。

通常会使用低z-index数字 - 2高于1，为什么要使用更多？！？已知一些插件开发人员使用愚蠢的高z-index数字。

** IE 6有一个众所周知的错误，其中替换的表单元素（例如select）将“闪耀”通过。修复是在它前面放一个iframe。

z中的z-index问题

3 个答案: