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>
|
Смотри в спеки, если так интересно. Изначально z-index применим только к не-static. Но могут быть в новых стандартах дополнения. Может это баг ff, может фича, может - новый черновик стандарта.
Всё что нужно для практики - использовать позиционирование если нужен z-index. Остальное - занудство. |
Уже. Смотрю в книгу, вижу фигу. Эх, как они договариваются, если свойство уже выведено из пробного, уже все префиксы сняли.
|
| Часовой пояс GMT +3, время: 12:50. |