IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
来源:互联网 发布:杀蚊软件 编辑:程序博客网 时间:2024/06/05 05:57
一:要解决的问题时:在ie6-ie11下兼容以下透明上传文件按钮的效果。实现方式通过滤镜实现。
二:效果图如下:
三:代码:
样式:
[css] view plaincopy在CODE上查看代码片派生到我的代码片
01..file2 {
02. position: absolute;
03. -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/
04. filter: alpha(opacity=0);/*ie 5-7*/
05. opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/
06. width: 30px;
07. height: 20px;
08. line-height: 20px;
09. cursor: pointer;
10. padding: 0;
11. overflow: hidden;
12. padding-top: 0px;
13. }
[css] view plaincopy在CODE上查看代码片派生到我的代码片
01.<pre class="html" name="code"><em style="width:30px; height:20px; line-height:20px;overflow:hidden; font-style:normal;">
02. <input type="file" class="file2" id="filep_${item.DM}" style="border:none;" onchange="upload(this,'${item.DM}');" />
03. <a href="javascript:void(0)" >上传</a>
04.</em>
[html] view plaincopy在CODE上查看代码片派生到我的代码片
01.<font style="color: gray;">删除</font>
二:效果图如下:
三:代码:
样式:
[css] view plaincopy在CODE上查看代码片派生到我的代码片
01..file2 {
02. position: absolute;
03. -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/
04. filter: alpha(opacity=0);/*ie 5-7*/
05. opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/
06. width: 30px;
07. height: 20px;
08. line-height: 20px;
09. cursor: pointer;
10. padding: 0;
11. overflow: hidden;
12. padding-top: 0px;
13. }
[css] view plaincopy在CODE上查看代码片派生到我的代码片
01.<pre class="html" name="code"><em style="width:30px; height:20px; line-height:20px;overflow:hidden; font-style:normal;">
02. <input type="file" class="file2" id="filep_${item.DM}" style="border:none;" onchange="upload(this,'${item.DM}');" />
03. <a href="javascript:void(0)" >上传</a>
04.</em>
[html] view plaincopy在CODE上查看代码片派生到我的代码片
01.<font style="color: gray;">删除</font>
0 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标签的兼容问题
- Java源码乱码问题 编码转换器
- 雷观(十六):以习近平为首的新一届领导集体,大权在握,做事很有信心
- UVA 156 --- Ananagrams 排序去重
- 输出乘法口诀表
- java按照map的value排序
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- c++模板元编程学习笔记(三)——习题4-2.逻辑元函数
- mysql 忘记密码之后 发生的神奇的事
- 子表JS插件技术
- C++编程总结之虚函数的使用
- 2014 Winter Vacation Practice No.2 Translation
- JavaScript生成GUID的算法
- 不允许创建临时变量,交换两个数的内容
- first