css3自定义上传图片输入框的方法
2024-09-02 14:47:35
css3自定义上传图片输入框的方法
代码如下
<pre>
<form class="form1">
<img src="/kelatoupiao/images/p6/p6_wz1.png" alt="" class="p6_wz1">
<input type="file" name="file_temporaryImage" onchange="TemporaryMedia();"/>
</form>
.p6_wz1 {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.form1 {
width: 2.4rem;
height: 2.4rem;
float: left;
margin-left: 0.43rem;
margin-top: 0.03rem;
position: relative;
}
.form1 input {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
}
</pre>
ps:原理就是input设置透明度0 然后放最上面 图片放下面
最新文章
- 新浪云SAE使用入门,教你如何发布自己的网站
- 不明显的多线程编程的具体Bugs
- ASP.NET4.5从零开始(1)
- 在AppDelegate 或其它地方用UITabBarController怎么办
- fir.im Weekly - 每个程序员都应当拥有的技能树
- Codeforce Round #218 Div2
- float浮动与清除浮动
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- Keil MDK编译器(V4.03)与J-LINK使用
- Java配置文件Properties的读取、写入与更新操作
- asp.net 树形控件 $.fn.zTree.init
- AnyEvent::HTTP 实现异步请求
- for语句之侦查队挑选人、猴子吃桃、5个小朋友算年龄、1 () 2 () 3 ()4 = 4;问括号里我要填 (- 或 +)问题
- 百度地图api基本用法
- JavaEE JavaBean 反射、内省、BeanUtils
- hdu1501 Zipper
- POJ 3648 Wedding
- PyQt4 开发入门
- WPF listbox实现多列显示数据
- OGC标准服务 WMS WCS WFS WPS