Question

javascript,出事了，input file按钮问题，求大神

<form action="demo.php" id="sub" method="post" enctype="multipart/form-data"> <input type="file" style="display:none;" id="pic" name="pic" onchange="submit()"><br> <a href="javascript:;" onclick="uploading()">上传</a > </form>JS 代码：function uploading(){ document.getElementById('pic').click();}IE10,下无效，file.值是空的，还报错！谷歌火狐都没问题的！怎么解决啊？谢谢了。

用A标签，装扮成这样，可是IE10，不兼容啊，求代码

Answer 1

<style>
.upload-cont {
  position: relative;
}
.upload,
.upload-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #999;
}

.upload {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5; /*改成0*/
  filter: alpha(opacity=50); /*改成0*/
}
</style>
<span class="upload-cont">
  <span class="upload-btn">上传</span>
  <input type="file" class="upload" name="upload" />
</span>

试试这样做吧。

这里是把input放到"上传"上面。

点击"上传"的时候其实点到的是上传按钮。

追问

大神，文本居中，就有一半点了没效果，怎么解决？

追答

调整input的大小，要能完全盖住span。