css 鼠标移入z-index 不生效,

  <div>
      <el-affix :offset="300" v-show="!judgeData" id='addRowData'>
        <img  @click="addOne" src="../../assets/img/add.png" alt="">
      </el-affix>
      <el-affix :offset="320" v-show="!judgeData" id='importExcal'>
        <img  @click="" src="../../assets/img/importExcal.png" alt="">
      </el-affix>
      <el-affix :offset="300" v-show="judgeData">
        <img @click="outRecycle" src="../../assets/img/outRecycle.png" alt="">
      </el-affix>
      <div v-show="judgeData">
        <img id="recycle" src="../../assets/img/recycle.png" alt="">
     </div>

#addRowData {
  position: absolute;
  z-index: 900
}
#importExcal {
  position: absolute;
  z-index: 899;
}
鼠标移入z-index 不生效, 
#importExcal :hover{
  cursor: pointer;
  z-index: 901;
}

你的:hover伪类 和id选择器中间多了空格
应该是#importExcal:hover

在样式代码的第10行，:hover和#importExcal选择器中间，不能有空格，否则这个鼠标移入没有效果
如有帮助，请采纳，谢谢~