设置当前元素为最顶级Z-index

最新推荐文章于 2025-10-17 11:31:26 发布

原创最新推荐文章于 2025-10-17 11:31:26 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种通过获取页面中最大z-index值并将其应用于目标元素的方法，确保该元素始终显示在页面的最上层。这种方法对于实现交互式网页设计特别有用。

很多页面点击或者拖动的过程需要将当前选中的元素置顶为最顶级的元素，避免被遮挡。

/* 获取页面最大的z-index值 */
function getMaxZIndex() {
    var maxZ = Math.max.apply(null, 
    　　$.map($('body *'), function(e,n) {
      　　if ($(e).css('position') != 'static')
        　　return parseInt($(e).css('z-index')) || 1;
    }));
    return maxZ;
}
/* 设置为最顶层 */
function setMaxZ(obj){
   maxZ =  getMaxZIndex();
   obj.css("z-index",maxZ+1)
}