file 标签上传文件，直接样式太难看！隐藏它，通过别的按钮触发它，又会有IE兼容问题。

使用file标签上传文件，在IE10.0及以下的版本中只能直接点击file标签上传文件，否则，会有错误（文件不允许访问）。

这个时候怎么没话fiel标签就显得尤为重要了，原理是：通过一个button作为背景进行显示。通过把file标签透明度设置成0，显示一个美观的效果。

样式：

<style>

 .tx1_c img{

 max-height:303px;

 max-width:303px;}

 .div_file_btn {

position: relative;

padding-bottom: 68px;

}

.div_file_btn input {

color: #666;

font-family: "SimSun";

margin: 0;

outline: none;

padding: 0;

}

.file_btn {

background: none;

border: none;

background: url('/${res}/bbs_member/images/haniu_btn1.png') 0 0;

background-repeat: no-repeat;

height: 38px;

line-height: 38px;

text-align: center;

width: 130px;

}

.file_btn:hover{

background:url('/${res}/bbs_member/images/haniu_btn1.png') 0 -76px;

}

.file_img {

height: 38px;

opacity: 0;

filter: alpha(opacity=0);

font-size: 30px;

position: absolute;

left: 0;

top: 0;

width: 130px;

}

 </style>

file代码：

<div class="div_file_btn">

             <input type="button" class="file_btn" name="openImgBtn" id="openImgBtn" value="选择图片">

             <input type="file" name="headFile" id="headFile" class="file_img"  οnchange="up_headImg()" >

             </div>