博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css 文件上传按钮美化
阅读量:5911 次
发布时间:2019-06-19

本文共 315 字,大约阅读时间需要 1 分钟。

转自:http://zixuephp.net/article-85.html

  思路:在一个div里面添加一个图片用作按钮再添加一个input file 文件上传,把文件上传按钮设置透明度为0,绝对定位覆盖在图片上,就实现了自定义上传图片按钮美化了。

html
  1. <div style="position:relative;">                
  2.     <img src="add.png" width="100"/>
  3.     <input type="file" name="file" style="position:absolute;top:0px;left:12px;opacity:0;width:100px;height:100px;"/>
  4. </div>

转载地址:http://qglpx.baihongyu.com/

你可能感兴趣的文章
Jmeter变量参数化及函数应用
查看>>
代码整洁之道-第9章-单元测试-读书笔记
查看>>
195. Spring Boot 2.0数据库迁移:Flyway
查看>>
集成支付宝SDK时错误的解决办法
查看>>
C++ ssd5 12 optional exercise2
查看>>
如何调用带返回值类型的函数
查看>>
数据库设计,表与表的关系,一对一。One-To-One(1)
查看>>
Building QT projects from the command line
查看>>
微信小程序直播,腾讯云直播+微信小程序实现实时直播
查看>>
JSP
查看>>
新工作
查看>>
Educational Codeforces Round 24-A B C D 思维
查看>>
[中国企业报]小灵通“末路”
查看>>
女士流行春装,时尚女装,韩版女士春装
查看>>
BZOJ5289 & 洛谷4437:[HNOI/AHOI2018]排列——题解
查看>>
Django的模板系统
查看>>
【总结整理】关于二手交易平台的讨论
查看>>
移动APP安全测试
查看>>
流程(上)
查看>>
基于django的生成二维码的接口
查看>>