阅读模式:

css 文件上传按钮美化

查看:5780  回复: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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:5481php打印九九乘法表   阅读:8326Nginx 配置文件详解   阅读:4106linux rarcrack破解rar、zip和7z压缩包简单密码的工具   阅读:14719最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:9862mysql5.7主从同步配置   阅读:3646网站局部小图片优化-base64编码图片   阅读:8419web性能测试工具ab的测试方法   阅读:4133php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:5000知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:5481mongodb设置shell开机启动脚本   阅读:8665javascript对cookie操作详细代码函数   阅读:4799centos7开启交换内存   阅读:9732分享:淘宝技术这十年   阅读:4244网站性能优化-页面静态缓存   阅读:4967php冒泡排序法   阅读:12839网站性能优化-页面静态缓存   阅读:4967网站局部小图片优化-base64编码图片   阅读:8419网站性能优化-页面静态缓存   阅读:4967企业让你去面试,可能不是真的招人   阅读:5328php打印九九乘法表   阅读:8326linux top命令详解   阅读:8257封装php redis缓存操作类   阅读:8033mongodb设置shell开机启动脚本   阅读:8665关于PHP程序员技术职业生涯规划   阅读:2173知乎百万赞作者告诉你:年薪百万的人都在靠什么赚钱   阅读:5481nginx安装mysql和json模块   阅读:3820javascript获取两个日期间的所有日期   阅读:5717linux top命令详解   阅读:8257centos 7 安装 nginx-1.11.10   阅读:7562shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:7786html5 离线缓存的使用   阅读:3848centos 7.2 添加php7 的 php-fpm 开机启动   阅读:21875把php session 会话保存到redis   阅读:6476centos 7 安装 nginx-1.11.10   阅读:7562Mysql在大型网站的应用架构演变   阅读:4038TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:2520linux php7编译安装mongodb扩展   阅读:7727php翻转字符串   阅读:2844面试的时候回去等通知,等电话的真实意思   阅读:21627php打印三角形   阅读:7513php 读取和设置redis的键值   阅读:6664分享:淘宝技术这十年   阅读:4244linux教程,鸟哥私房菜(pdf全集)   阅读:8215shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:7786程序员找工作三要素(必看)   阅读:5097php 使用 smtp.php 类在线发送邮件功能   阅读:4898centos7.3安装mongodb3.6   阅读:6498mysql中文分词全文搜索索引讯搜的安装   阅读:5913mysql5.7开启sql日志的配置   阅读:7925