input file透明,用其他按钮遮盖,IE下点击有光标闪动如何解决?

Question

<form action="" id="formPathfile" name="formPathfile" method="post" enctype="multipart/form-data" onsubmit="return false">

    <input type="hidden" id="itemid" name="itemid" value=""/>
    <input type="button" id="pfle" style="width:100px;  position: absolute;
    left: 0;top:0" value="Browse Flie" onchange="return false">    
    <input type="file" id="pfile" value="" name="pfile" style="margin-top:-8px; filter:alpha(opacity=0);
opacity:0;" onchange=""  />
    
</form>

Answer 1

病因

IE为什么会出现光标闪动? 我把你的代码复现了一下:如图

解决思路

我这儿说说解决思路主要是利用相对与绝对的还是CSS的层来解决, 把要显示的按扭设置为position: relative; 然后上传按扭设置为 position: absolute; 且上传按扭把层位于显示按扭的上一层 eg: z-index:999

相关资料

对于上传扭的美化我之前也遇到过: 传送门 input上传按钮美化