z-index设置是不是有一个小问题

Question

<style lang="scss" rel="stylesheet/scss" scoped>
@import '../../assets/styles/global';
.ebook-reader {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .ebook-reader-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background: transparent;
  }
}
</style>

老师，在EbookReader.vue中设置的z-index是150， 可是其他menu还有slide这些components的z-index是101，102。这样就会导致mask这个DOM 覆盖menu,menu功能点击时会触发 prevPage() & nextPage()。提议把这里的z-index改为50， 这个mask 层应该在read之上，在menu etc. 之下，这样menu功能才正常。老师我这样的理解有没有问题？谢谢老师。

Answer 1

扬_灵 2020-08-23 15:43:12

同学你好，上述关于mask的z-index,这个理解是正确的。