上傳文件時input標簽的默認樣式有些不美觀，我們一般通過一張圖片位置一致蓋在上面，有時候點擊圖片的時候input不起作用，提供以下兩種解決方法

HTML

<div class="wrap">
   <input type="file">
   <img class="content" src="" alt="">
</div>

公共的css樣式

  .wrap {
      position: relative;
      width: 200px;
      height: 200px;
  }

• (input絕對定位)=>定位元素是不占標準流的，如果img也給了定位元素，給input加上z-index: 99

  input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;     
  }
  img{
     width: 200px;
     height: 200px;
  }

• （img絕對定位）=>pointer-events: none 可讓元素可穿透

input {
      width: 200px;
      height: 200px;
      opacity: 0;
}
img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}