#StackBounty: #google-chrome Inspecting overlapping elements in chrome

Bounty: 50

In the Chrome developer tools, using the inspect element tool, if two elements on the page occupy the same space only the one with the highest z-index seems accessible with the mouse. Is there some keyboard shortcut or some other way to cycle through elements if multiple elements are under the cursor location?

Here’s a crappy example:

enter image description here

There’s a div with a red border positioned behind and entirely inside another div with a blue border. Mousing over the red one with the inspector tool selects the blue one. Can I select the red one with the mouse?

Also I just noticed; even right-clicking that red area and choosing "inspect element" inspects the blue element not the red one. So the behavior isn’t just limited to the inspect element tool.

Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.