2e+09 - это обозначение для 2x10 9 (известное как научное обозначение ) или 2 000 000 000. На самом деле он SVG (а также JavaScript ) и технически недопустим в CSS , , но большинство браузеров его так или иначе реализуют, как и во всех в других случаях числа SVG и CSS совпадают, и они скорее поддерживают только один анализатор для чисел, а не два.
На самом деле, после проверки я ошибся; браузеры, которые я пробовал (Chrome, Firefox, Safari и Opera), по-видимому, игнорируют значения, установленные с помощью научной нотации в CSS. Таким образом, это на самом деле ничего не делает (он обрабатывается так, как если бы z-index не был установлен вообще, для значения по умолчанию z-index, равного 0), но целью было, вероятно, разместить ошибку над всем другим содержимым на странице. В настоящее время обсуждаются список рассылки по стандартизации CSS о том, следует ли разрешать использование электронных нотаций в CSS; в обсуждении было упомянуто, что некоторые браузеры уже поддерживают его, но те, которые я пробовал, не показывались.
Вы можете проверить поддержку следующим тестовым примером. Если поддерживается научное обозначение, то зеленый div должен быть сверху; если он не поддерживается, то есть по умолчанию z-index: 0, он будет внизу, и если он будет анализировать только мантиссу, а не экспоненту (что, как я мог представить, делают некоторые ошибочные браузеры), он будет посередине.
<!DOCTYPE html><title>Scientific notation test</title>
<style>div { width: 100px; height: 100px; position: absolute; }</style>
<div style="background: red; left: 0px; z-index: 1;"></div>
<div style="background: green; left: 25px; z-index: 2e+09;"></div>
<div style="background: blue; left: 50px; z-index: 2;"></div>