Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Positioning with position: absolute

  • 3 replies
  • 1 has this problem
  • 24 views
  • Last reply by McCoy

more options

Hello! I, as a novice developer, do not understand the logic of the Firefox browser. The pages of the book on the site http://mybook.stariki.team/ have their own serial number Z-index and are located one above the other with position: absolute. Test case: 1. Go to the browser Firefox. 2. Hover the mouse over the book. 3. Right-click on the book. 4. Choose from the list - Explore the item Question: Why in the debugger I get to the subordinate element in the DOM page with data-number = 3 and Z-index = 496? !! By what logic did the browser select a page from the middle of the layers located in absolute? Although the top of the book is the page data-number = 0! When you click the book with the left mouse button, the browser decides to work with the data-number = 3 page and Z-index = 496.

Hello! I, as a novice developer, do not understand the logic of the Firefox browser. The pages of the book on the site http://mybook.stariki.team/ have their own serial number Z-index and are located one above the other with position: absolute. Test case: 1. Go to the browser Firefox. 2. Hover the mouse over the book. 3. Right-click on the book. 4. Choose from the list - Explore the item Question: Why in the debugger I get to the subordinate element in the DOM page with data-number = 3 and Z-index = 496? !! By what logic did the browser select a page from the middle of the layers located in absolute? Although the top of the book is the page data-number = 0! When you click the book with the left mouse button, the browser decides to work with the data-number = 3 page and Z-index = 496.
Attached screenshots

All Replies (3)

more options

Hello dizel_

Maybe this would be a better place for you to post your question(s) :

https://support.mozilla.org/en-US/kb/where-go-developer-support

And/or :

https://stackoverflow.com

more options

Thank you!

more options

dizel_ said

Thank you!

My pleasure - and : good luck  !