Проблемы с получением z-index Working

Question

Вот скрипка Я сделал для примера.Я не могу на всю жизнь понять, чего мне не хватает.Я намерен, чтобы класс .tss-content находился между # wrap-a и #tss на оси z.

Другими словами, пытаясь расположить белый слой между серым и синим слоями..

Я уверен, что это что-то глупое, но любая помощь будет принята с благодарностью.Заранее спасибо!

Answer 1

Вы можете всплыть белые поля и дать левое значение, чтобы подтолкнуть его к правой стороне

.tss-social {
    float:left;
    left: 50px;
} 

Демо

Answer 2

это невозможно, поскольку ваш .tss-content вложен в элемент #tss (серый), чей z-индекс больше #wrap-a (синий). Так что .tss-content не может быть показано между двумя элементами (со средним z-индексом)

Но если вы хотите просто визуально перекрыть оба элемента, просто удалите position: relative; и z-index: 99999; из .tss-social