鼠标移入显示按钮

设置按钮的可见性为隐藏

  .card-btn {
    //按钮隐藏显示
     visibility: hidden;
  }

设置按钮所在父盒子的hover时可见

  .card-item:hover {
    background-color: #f3f8fb;
    //按钮隐藏显示
    .card-btn {
      visibility: initial;
     }
  }

 

posted @ 2021-07-27 16:23  Jennyishere  阅读(325)  评论(0)    收藏  举报