Safari z-index?

Question

[Alex Wells]

Здравствуйте. Читал КУЧУ статей, вопросов (в тч на тостере) про это - ничего не помогает.

На сайте, в мобильной версии, появляются сверху кнопки-стрелочки, которые дают левым и правым блокам (в зависимости от стрелки) класс active, а .active имеет:

display: block !important;
	position: absolute !important;
	z-index: 6;
	transform:translateZ(1px);
	-webkit-transform: translateZ(1px);

В нормальных браузерах все работает отлично даже без transform, в сафари - хрен там. Добавил transform 0 0 0 всюду куда мог - не помогло.

Причем забавно, что не работает лишь правый сайдбар, левый - отображается как надо.

Как заставить правый сайдбар отображатся нормально поверх контента?

Comments

[Ankhena]

Если что, сначала пишутся свойства с префиксами, потом обычное.

Answer 1

[Alex Wells]

Решил добавлением top:0, left: 0.

Правда другие z-index это не поправило, но хоть это - самое главное.