查找所有元素的最高 z-index

发布于 2024-09-16 11:54:24 字数 340 浏览 8 评论 0原文

可能的重复:
如何计算出最高 z - 文档中的索引?

我需要实现一个以暗淡背景出现的警报类型模式弹出窗口。问题是,我们可能会在页面上显示其他元素,这些元素也是 z 索引高于默认值的模态元素。

如何确定使给定元素成为最高层元素的适当 z 索引?

(jQuery 没问题。)

Possible Duplicate:
How can you figure out the highest z-index in your document?

I need to implement an alert-type modal popup that appears with a dimmed background. The problem is, we may have other elements on the page being showed that are also modals with z-indexes above default.

How do I determine the appropriate z-index that makes a given element the highest-layered element?

(jQuery is fine.)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜雨飘雪 2024-09-23 11:54:24

理想情况下,您应该知道要扫描哪些元素的 z-index。假设您使用一些带有“my-modal-class”CSS 类的 DIV 作为模式弹出窗口,那么您可以使用如下所示的内容:

function getMaxZIndex()
{
   var allModalDialogs = $('DIV.my-modal-class');
   var zIndexMax = 0;
   allModalDialogs.each(function() {
     if ($(this).css('z-index') > zIndexMax) zIndexMax = $(this).css('z-index');
   });
   return zIndexMax;
}

Ideally, you should know, which elements you want to scan for z-index. Lets say if you are using some DIVs with "my-modal-class" CSS class as modal popup's then you can use something like this:

function getMaxZIndex()
{
   var allModalDialogs = $('DIV.my-modal-class');
   var zIndexMax = 0;
   allModalDialogs.each(function() {
     if ($(this).css('z-index') > zIndexMax) zIndexMax = $(this).css('z-index');
   });
   return zIndexMax;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文