如何用图片按钮来代替文件上传控件
2016-03-03 04:12
435 查看
<style type="text/css"> .fileInputContainer{ height:256px; background:url(http://images.cnblogs.com/cnblogs_com/dreamback/437546/o_ff6.png); position:relative; width: 256px; } .fileInput{ height:256px; font-size: 300px; position:absolute; right:0; top:0; opacity: 0; filter:alpha(opacity=0); cursor:pointer; } </style> <div class="fileInputContainer"> <input class="fileInput" type="file" name="" id="" /> </div>
实现原理是:用图片盖住input上传文件控件。
文章出处:http://www.cnblogs.com/wangkongming/archive/2013/04/09/3010615.html
相关文章推荐
- 快捷键
- 面事務所마다 小作相談所1938
- 函数指针和指针函数
- 人生的意义
- 夺命雷公狗---微信开发35----公众平台营销咨询系统4(分页)
- 百字令·武汉缘
- 打包测试程序
- C#把txt的数据导入excel,用逗号分隔
- docker下使用caffe的命令记录
- MyEclipse2015 编写js报 'Calculating completion proposals..' has encountered a problem.
- Ajax学习笔记
- OpenCV CvMat 初窥
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法;让文本域前面的内容显示在左上角,居中
- 百度地图SDK 配置和功能
- AsyncTask的基本用法和解析
- docker安装caffe
- 2015最流行的Android组件、工具、框架大全
- 使用PHP二维码生成类库PHP QR Code生成二维码
- 浏览器历史,判断是点击了后退按钮还是前进按钮
- 尝试自己建立以alpine 为基础的docker基础镜像和组件镜像