z-index: защо 9999 понякога не е достатъчно

Полезно е да знаеш

z-index определя реда на наслагване за приложимите елементи и участва в създаването на контексти на наслагване. По-голямото число не гарантира, че елементът ще излезе над всичко в документа: неговият родителски контекст също има място в подредбата. [1]

Представи си две отделни групи карти. Меню с z-index: 9999; вътре в долната група може да остане под горната група като цяло. Увеличаването до още по-голямо число не променя тази зависимост. Примерът показва логиката на вложените слоеве, без да изчерпва всички начини за създаване на контекст.

Когато падащо меню изчезва под съседен блок, провери контекстите на родителите и евентуалното изрязване с overflow. z-index подрежда слоевете; не отменя всяко ограничение на контейнера. Поддържай малка, ясна система от стойности за менюта, панели и други наслагвания.