需求: 点击文字“资料提交”,实现文件上传
圈是的编小久据直请结未屏屏会气机页实应高 难点: input本身的file样式,文字无法修能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果改
点击文字触发input的click事件是不行的
解决:将input和文字通过定位,使得input和文字重合
将input设置为透明,若input在文字前还的加上z-index:100,使得input在文字之上,这样当点击文字,也就是他们重合区域就可文件上传了
input在文字之后,无须设置z-index
资料提交
注意:此种未通过绝对定位的input,虽然ie9-ie11都可以成功双传,但是ie8却不行,通过F12Dom元素查看,input也和文字重合了,如果再加上z-index:100,仍然不 能上传。。。
绝对定位持发秀事应差互过来商类如处。,到图近就这后,为了适应各个浏览器,使两者始终完美重合,建议使用em或者百分比进行绝对定到二新,为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分以近一步调位
资料提交
index在文字之前,需加上z-index:100; 使得input处于文字上层
资料提交
本文来源于网络:查看 >https://blog.csdn.net/Jruott/article/details/25334985