Очень долго не мог разобраться почему у меня элементы с перспективой в firefox, которые находятся ниже других элементов всё равно их перекрывают. В других браузерах всё было нормально.
![f333a4fbd1cb4e188c39a81681c4b85a.png](https://habrastorage.org/files/f33/3a4/fbd/f333a4fbd1cb4e188c39a81681c4b85a.png)
После нескольких часов ковыряния в коде я наконец пришёл к тому что это зависело от количества элементов в перспективе и когда я начал поочередно удалять из неё элементы в какой-то момент всё встало на свои места. Выходит, что firefox грамотно работает только с определённым количеством элементов в перспективе. Если быть точнее. Работает он с не более чем сотней элементов.
![8d973311e9304f09ae5ce26e3a5111d1.png](https://habrastorage.org/files/8d9/733/11e/8d973311e9304f09ae5ce26e3a5111d1.png)
Это ломает всю концепцию моего проекта. Кто-нибудь сталкивался с этой проблемой? Есть ли какие-либо методы её решения?