.file1 {
 position:absolute;
 opacity:0; filter:
 alpha(opacity=0);
 z-index:999;
 width:60px;
 height:35px;
 margin-left:60px;
 line-height: 35px;
 cursor: pointer;
 padding:0;
 overflow:hidden;
 padding-top: 0px;
}
.file122 {  
    position: absolute;  
    -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/  
    filter: alpha(opacity=0);/*ie 5-7*/  
    opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/  
    width: 30px;  
    height: 20px;  
    line-height: 20px;  
    cursor: pointer;  
    padding: 0;  
    overflow: hidden;  
    padding-top: 0px;  
}

透明叠加漂亮的上传按钮




<td style="text-align:center">
        <c:if test="${empty item.FJMC}">
         <input type="file"  class="file1" id="filep_${item.DM}" style="border:none;" onchange="upload(this,'${item.DM}');" />
         <input type="button" value="上传" class="btn_xz upload" onfocus="blur();" style="border:0 none;">
           
         <font style="color: gray;">删除</font>
        </c:if>
        <c:if test="${not empty item.FJMC}">
         <input type="button" value="上传" class="btn_hui upload" onfocus="blur();" style="border:0 none;"/>
           
         <a onclick="delFjxx(this,'${item.XH}');return false;" href="javascript:void(0)">删除</a>
        </c:if>
       </td>


作者:星辰 时间:2016-10-22 浏览 1035评论 0 赞 0砸 0 标签: demo css
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款