絕對定位后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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM