<div class="div1">

    <div class="div2">点击上传</div>

    <input type="file" class="file_input">

</div>

css部分：

<style>

    .div1 {

        position: relative;

    }

    .div2 {

        width: 100px;

        height: 36px;

        background: #2178fc;

        color: #fff;

        text-align: center;

        line-height: 36px;

    }

    .file_input {

        width: 200px;/*因为file-input在部分浏览器中会自带一个输入框，需要双击才可以点击上传,放大后将其定位到div外面就好啦*/

        height: 36px;

        position: absolute;

        left: -100px;

        top: ;

        z-index:;

        -moz-opacity: ;

        -ms-opacity: ;

        -webkit-opacity: ;

        opacity: ;  /*css属性——opcity不透明度，取值0-1*/

        filter: alpha(opacity=); /*兼容IE8及以下--filter属性是IE特有的，它还有很多其它滤镜效果，而filter: alpha(opacity=0); 兼容IE8及以下的IE浏览器(如果你的电脑IE是8以下的版本，使用某些效果是可能会有一个允许ActiveX的提示,注意点一下就ok啦)*/

        cursor: pointer;

    }

</style>