上传文件的input样式优化

<span class="file-box">
<input type='text' name='textfield' id='textfield' readonly="readonly" class='txt' /> 
<input type='button' class='btn' value='浏览...' /> 
<input type="file"  class="file" id="files" size="28"  multiple="multiple" onchange="document.getElementById('textfield').value=this.value" /> 

</span>

.file-box{ position:relative;width:240px} 
.txt{ height:22px; border:1px solid #cdcdcd; width:100px;} 
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:50px;} 
.file{ position:absolute; top:0; right:7px; height:24px; filter:alpha(opacity:0);opacity: 0;width:50px } 

注：position：absolute这个是绝对定位；是相对于浏览器的定位。搜索比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。

 filter:alpha(opacity:0);opacity: 0;
w3c标准透明度就是opacity,filter只有IE才能用,其他浏览器都支持opacity,Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。