z-index не работает, а боковая панель с фиксированным положением

Question

я застрял в css, я использую боковую панель (переключение) и модальный режим, но он не работает.

.show-modal{
  z-index: 2147483647;
  background:rgba(1,1,1,0.5);
}

Это css я дал модальному

.left-menu{
    width: 240px;
    height: calc(100% - 55px);
    //background: @gray-3;
    flex: 1 0 auto;
    border-radius: 0 5px 5px 0;
    overflow-x: hidden;
    position: fixed;
    top: 60px;
    z-index: 1;
}

Это css я указал на боковую панель.

я получаю

Вот мое изображение

Пожалуйста, помогите мне, заранее спасибо