html - z-index 无法响应并定位固定侧边栏

Question

我被困在 css 中，我正在实现侧边栏（切换）和模式，但它不起作用。

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

这是我给 modal 的 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。

我得到的是

这是我的图像

请帮助我，在此先感谢

标签： htmlcssmodal-dialogbootstrap-modal