Html 为什么菜单显示在图像后面？

在本网站： 下拉菜单显示在标题图像后面，我不太理解，因为菜单的z索引为：100；并且图像具有z-指数：1

---

它在FF中工作正常，但在IE中不工作？？？

是的，我不久前有过这个。我个人使用：

---

有很多修复（：

这是著名的Z-Index错误

出于某种原因，Internet Explorer 做一些很时髦的事情，而且 几个已知的错误与它的渲染 驱动web开发人员的引擎，如 我疯了。虽然大多数人都知道 错误发生在相对模糊的环境中 情况和情况基本上不被注意， 有几个确实很突出 并导致web开发人员浪费许多资源 我花了好几个小时来修理它们 渲染z索引的堆叠顺序为1 是的

解决许多问题的一种方法 IE7是动态反转 系统的默认z索引堆叠顺序 元素。这将 确保您的产品中的元素更高 HTML源代码也将具有更高的 页面上的z索引顺序，求解 大多数IE堆叠问题。如果 您正在使用jQuery（最好的 Javascript库），这里是 快速解决方案：

---

编辑： 将jquery代码移动到IE条件注释

<!--[if IE lte 7]>
<script type="text/javascript">
$(document).ready(function(){

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

$(".panel img").css("z-index","-1");
$(".menu_item").css("overflow","visble");


});

</script>
<![endif]-->

我检查了你的菜单，它没有z索引。你把它放在什么类别？你也把你的位置设置为绝对？你能给我们提供一个我们应该看到的屏幕截图吗？因为菜单出现在FF中的标题之后，meI尝试了这一点，如果你现在查看代码，它包含jQuery，但仍然不起作用？@Nicky:查看编辑的代码是否有效。将其从主代码中删除（在其他浏览器中导致问题），并将其放入IE条件代码中。我认为在IE8中默认情况下应该可以（假设）尝试将条件代码更改为[如果IE lte 7]（更新如上），这将仅在IE lte中触发代码（小于或等于）7.对于菜单上的内部div——我已经在IE注释中添加了$（“.menu_item”）.css（“overflow”，“visble”）；看看这是否有帮助。不要使用IE8:（-祝你好运，嗯，那么我应该把z-index:3000；放在菜单上，把z-index:1000；放在菜单容器上吗？我不太明白如何使用它？：S

<!--[if IE lte 7]>
<script type="text/javascript">
$(document).ready(function(){

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});

$(".panel img").css("z-index","-1");
$(".menu_item").css("overflow","visble");


});

</script>
<![endif]-->