欢迎来到php自学网~
阅读模式:

css 文件上传按钮美化

查看:1372  回复:0  类型:  来源:php自学网  标签 css

思路:在一个div里面添加一个图片用作按钮再添加一个input file 文件上传,把文件上传按钮设置透明度为0,绝对定位覆盖在图片上,就实现了自定义上传图片按钮美化了。
<div style="position:relative;">
                <img src="add.png" width="100"/><input type="file" name="file" style="position:absolute;top:0px;left:12px;opacity:0;width:100px;height:100px;"/>

</div>

分享到:
0 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
mongodb设置shell开机启动脚本   阅读:1438php 使用 smtp.php 类在线发送邮件功能   阅读:1650把php session 会话保存到redis   阅读:1994栈和堆的区别   阅读:1224linux top命令详解   阅读:1304linux命令中执行php脚本   阅读:1381php生成二维码   阅读:1655Nginx 配置文件详解   阅读:1397php 生成图片,给图片加水印   阅读:2108封装php redis缓存操作类   阅读:1566php打印九九乘法表   阅读:1649php+redis实现消息队列   阅读:513知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:1119给php7安装redis扩展库   阅读:1966HTTP 1.1 协议详解   阅读:1580移动端js触摸touch详解(附带案例源码)   阅读:3827phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:4631给 centos 7 安装桌面环境   阅读:7535php压缩页面的html代码一行显示   阅读:1764移动端自适应rem原理   阅读:4571mysql5.7开启sql日志的配置   阅读:1634用php从1乘到100的值   阅读:1757给 centos 7 安装桌面环境   阅读:7535phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:4631浅谈javascript的函数节流   阅读:1215企业让你去面试,可能不是真的招人   阅读:1418ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:2792centos 7 设置 nginx-1.11.10 开机启动   阅读:2331shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:1546phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:4631面试的时候回去等通知,等电话的真实意思   阅读:5700最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:11137mysql共享锁和排他锁详解   阅读:1632php 统计网页打开耗时和脚本运行内存   阅读:1968php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:1252给 centos 7 安装桌面环境   阅读:7535php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:1252面试的时候回去等通知,等电话的真实意思   阅读:5700nginx编译安装后对nginx进行平滑升级   阅读:88HTTP 1.1 协议详解   阅读:1580centos 7 添加 redis 3.2.9 开机启动脚本   阅读:2805mysql数据一键导出到csv文件   阅读:1517shell脚本统计当前服务器并发连接数   阅读:1613十张GIF让你弄懂递归等概念   阅读:1530phpexcel 超简单从数据库一键导出数据到excel教程   阅读:2031最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:11137centos 7 忘记root密码   阅读:1160phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:4631mysql的四种索引类型   阅读:2359centos 7 安装 samba 服务   阅读:1453