首页 / CSS / IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题

IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含845字，纯文字阅读大概需要2分钟。

内容图文

一：要解决的问题时：在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>

??

原文：http://blog.csdn.net/chx10051413/article/details/40779487

内容总结

以上是互联网集市为您收集整理的IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题全部内容，希望文章能够帮你解决IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1226470.html

来源：【匿名】