gpt4 book ai didi

asp.net - z-index 问题 Internet Explorer 兼容模式和 7

转载 作者:行者123 更新时间:2023-11-28 11:09:40 25 4
gpt4 key购买 nike

我的 Web 应用程序中有一个菜单用户控件,悬停时会将其菜单列表放在下面。我面临的问题是,在 IE 7 或 IE 10 兼容模式下,尽管将菜单下拉菜单的 z-index 属性设置得很高,但我页面上的图像在菜单下拉菜单上方可见。

请为此提供相关解决方案。

谢谢

最佳答案

包含设置了 position: relative 的菜单列表的父元素需要有一个高于 body 的 z-index。 z-index 也以自上而下的方式工作,因为在菜单之后声明的元素比它们之前的元素具有更高的 z-index

tl;博士..

设置菜单元素高于内容

(内联样式示例)

<body>
<div class="header">
...
</div>
<div class="nav" style="position:relative; z-index: 2">
<ul>
<li>
Blah
<ul class="drop-menu">
<li>drop item</li>
</ul>
</li>
</ul>
</div>
<div class="content" style="position:relative; z-index:1">
...
</div>
</body>

关于asp.net - z-index 问题 Internet Explorer 兼容模式和 7,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22072959/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com