Всем привет!
Я как начинающий разработчик, не понимаю логику работы браузера Firefox.
Страницы книги на сайте

имеют свой порядковый номер Z-index и расположены друг над другом с position: absolute.
Тест кейс:
1. Зайти в браузер Firefox.
2. Навести мышь на книгу.
3. Щелкнуть правой кнопкой мыши по книге
4. Выбрать из списка - Исследовать элемент
Вопрос:
Почему в отладчике я попадаю на элемент подчиненный в DOM странице с data-number = 3 и Z-index = 496?!!
По какой логике браузер выбрал страницу из середины слоев расположенных по absolute? Хотя сверху у книги лежит страница data-number = 0!
При щелчке левой кнопкой мыши по книге, браузер решает что надо работать со страницей data-number = 3 и Z-index = 496.