Comments on: A better process to find maximum z-index within a page

By: invest liberty reserve

invest liberty reserve — Mon, 09 Jan 2012 02:12:51 +0000

A better process to find maximum z-index within a page I was recommended this website by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my trouble. You’re incredible! Thanks! your article about A better process to find maximum z-index within a page Best Regards Lawrence Lawrence

By: fandm

fandm — Fri, 16 Dec 2011 13:57:01 +0000

Thanks!

By: User

User — Fri, 19 Nov 2010 19:08:01 +0000

Whoops. It killed my html. Try #2

Test

Test 2

By: User

User — Fri, 19 Nov 2010 19:06:09 +0000

I just want to note that this will not work in all cases. You need to scan the entire DOM to find the top z-index. Maybe if you control all of the HTML/CSS on the page, then you can make sure that absolute elements are directly under the body tag but if you don’t (say you are showing a third party ad), then you will need to scan the whole DOM.

Test case:

Test
Test 2

By: username

username — Mon, 11 Oct 2010 18:29:46 +0000


highestElement.css("zIndex", $("*").length + 1);

-OR-


$("body > *").each(function(el, i) {
   if($(el).css("position") != "static" && $(el).css("z-index") >= maxZ) {
     maxZ = $(el).css("z-index");
   }
});

By: Maya Campbell

Maya Campbell — Wed, 28 Apr 2010 03:06:04 +0000

I have been perusing a few of your posts and have enjoyed it. Keep it up

By: rahen

rahen — Fri, 29 Jan 2010 18:47:31 +0000

I’m so glad to know that my code helpd you

By: santiago

santiago — Sat, 23 Jan 2010 03:44:52 +0000

thanks a lot for this, it’s the only solution i found that works fine in every major browser

By: chb908

chb908 — Wed, 03 Jun 2009 00:06:24 +0000

birthday gift

By: C Snover

C Snover — Fri, 24 Apr 2009 01:20:05 +0000

You should really be checking for $(e).css('position') != 'static' instead. All positioned elements receive an order on the stack. Ref: CSS 2.1 § 9.9.1. Regards,