IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
来源:互联网 发布:水厂泵站最优化问题 编辑:程序博客网 时间:2024/06/04 18:19
一:要解决的问题时:在ie6-ie11下兼容以下透明上传文件按钮的效果。实现方式通过滤镜实现。
二:效果图如下:
三:代码:
样式:
.file2 {position: absolute;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/filter: alpha(opacity=0);/*ie 5-7*/opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/width: 30px;height: 20px;line-height: 20px;cursor: pointer;padding: 0;overflow: hidden;padding-top: 0px;}
<pre class="html" name="code"><em style="width:30px; height:20px; line-height:20px;overflow:hidden; font-style:normal;"> <input type="file" class="file2" id="filep_${item.DM}" style="border:none;" onchange="upload(this,'${item.DM}');" /> <a href="javascript:void(0)" >上传</a></em>
<font style="color: gray;">删除</font>
1 0
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- IE, FireFox, Opera 浏览器支持Alpha透明的方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
- 在IE,Firefox,Opera下实现图象Alpha透明的方法
- 用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果
- 用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果
- 用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- CSS完全兼容IE/FireFox/Opera的方法
- ie和firefox浏览器css兼容问题
- FLASH SWF 背景透明在IE、谷歌、Opera、Firefox浏览器
- [原创]实现与服务器时间同步的跨平台JS脚本 支持IE , firefox , Opera ,Netscape 等主流浏览器
- IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题
- ;将data中的以0结尾的字符串转化为大写 使用栈避免寄存器冲突
- 如何设计属于自己的游戏服务器(二)
- 根据port端口号查找process进程(服务)或者根据服务名字查找端口号
- C++ const之旅
- ios开发之深入浅出 (2) — ARC之@property使用
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- 织梦分页序列号自动增长
- spring源码阅读(四)之BeanFactory
- 页面解决中文乱码问题
- 类似ngnix的多进程监听用例
- java-开放—封闭原则
- 获取div滚动条滚动到底部的事件
- spring data jpa(一)
- 【机器学习】推荐系统、SVD分解降维