ui header 挡住了 div
我已经构建了 jQuery 下拉菜单，该菜单在 UI 标题上浮动时出现问题。 Flash 和其他一切都很好，菜单在除 UI 标头之外的任何内容上浮动都没有问题，我尝试过在 css 文件中弄乱 z-index，但似乎 jQuery 脚本覆盖了我所有的 css。 JS 文件已缩小，因此我无法编辑它们。我认为 JS 解决方案是必要的，但我不知道如何用 JS 解决这个问题。
i have built jQuery drop-down menu which is having problems floating over the UI header. Flash and everything else is fine, menu has no problem floating over anything except UI headers, i have tried messing with z-index in css files but it seems that jQuery script is over writing all of my css. the JS files are minified so i can not edit them. I think a JS solution is necessary but i do not know how to solve this with JS.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用
z-index来修复它，只需确保您定位要添加z-index的元素，否则它会失败不工作。添加到您的顶部菜单：
position:relative; z-index:1;到中间的栏：
position:relative; z-index:0;如果我在 Safari 的 Web Inspector 中实时更改它，它似乎可以工作。
You can fix it with
z-index, just make sure that you position the elements to which you add az-index, otherwise it won't work.Add to your top menu:
position:relative; z-index:1;And to the bar in the middle:
position:relative; z-index:0;If I change this live in Safari's Web Inspector it seems to work.
添加此 css
stndtm{
z-index:10000;
}
.ui-tabs .ui-tabs-nav {
列表样式图像：无；
列表样式位置：外部；
列表样式类型：无；
填充：0.2em 0.2em 0；
职位：亲属；
z 索引：500；
工作
在你的主文件中它应该可以
add this css
stndtm{
z-index:10000;
}
.ui-tabs .ui-tabs-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0.2em 0.2em 0;
position:relative;
z-index:500;
}
in your main file it should work