具有固定位置的Z指数

Question

我希望我的课程始终位于页面的前面，但它不起作用。

请帮我找一个解决方案。

<?php echo $_POST["namenodo"]; ?>

.test {
  border-radius: 5px 0px 0px 5px;
  height: 150px;
  width: 40px;
  top: 50% !important;
  right: 0 !important;
  float: right;
  position: fixed !important;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  text-align: left;
  overflow: hidden;
  z-index: 1000;
}

.test .right {
  float: right;
  background: #4A90E2;
  width: 30px;
  height: 100%;
  position: relative;
  z-index: 10;
  text-align: middle;
  padding-top: 50px;
  padding-bottom: 50px;
  white-space: nowrap;
}

.test .left {
  position: absolute;
  left: 0;
  margin-left: 20px;
  float: left;
}

Answer 1

Z-index不起作用，因为class right div在test div中。如果你从测试div中取出类权限div，它将起作用。