Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   transform и z-index (https://javascript.ru/forum/dom-window/49946-transform-i-z-index.html)

NMitra 04.09.2014 20:09

transform и z-index
 
Здравствуйте, как-то никак не соображу кто прав. z-index работает в большинстве случаев только с position не static. В IE и Mozilla z-index работает для position: static; если у элемента есть transform. А в Хроме нет. Кто же прав?

<style>
.transform {
  background: red;
  width: 100px;
  transform: translate(50px, .5em);
  z-index: 5;
}
.position {
  background: green;
  width: 100px;
  position: relative;
  z-index: 3;
}
</style>

<div class="transform">transform</div>
<div class="position">position</div>

Aetae 04.09.2014 20:21

Смотри в спеки, если так интересно. Изначально z-index применим только к не-static. Но могут быть в новых стандартах дополнения. Может это баг ff, может фича, может - новый черновик стандарта.
Всё что нужно для практики - использовать позиционирование если нужен z-index. Остальное - занудство.

NMitra 04.09.2014 20:24

Уже. Смотрю в книгу, вижу фигу. Эх, как они договариваются, если свойство уже выведено из пробного, уже все префиксы сняли.


Часовой пояс GMT +3, время: 20:27.