绝对定位后a、button等hover状态样式不显示问题

    <div class="operate">
      <el-button>提交项目</el-button>
      <el-button type="primary">新建任务</el-button>
    </div>
    <el-tabs v-model="taskType" type="card">
      <el-tab-pane label="常规任务" name="normal">
        常规任务
      </el-tab-pane>
      <el-tab-pane label="修正任务" name="amendment">
        修正任务
      </el-tab-pane>   
    </el-tabs>

这样operate绝对定位后,el-button可能被el-tabs覆盖,所以不显示hover样式,此时将operate放在el-tabs后面,即:

    <el-tabs v-model="taskType" type="card">
      <el-tab-pane label="常规任务" name="normal">
        常规任务
      </el-tab-pane>
      <el-tab-pane label="修正任务" name="amendment">
        修正任务
      </el-tab-pane>   
    </el-tabs>
    <div class="operate">
      <el-button>提交项目</el-button>
      <el-button type="primary">新建任务</el-button>
    </div>
原文地址:https://www.cnblogs.com/XHappyness/p/7716996.html