前端技术

当前位置:AG亚游集团 > 前端技术 >

CSS3 opacity多浏览器透明度兼容处理

时间:2015-08-19        阅读:次        QQ群:182913345

用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。
 
不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:
 
IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity)
 
所以以前用CSS设定一个元素半透明的话,可能会这样写:

.opacity{
	filter:alpha(opacity=50);	/* IE */
	-moz-opacity:0.5;			/* 老版Mozilla */
	-khtml-opacity:0.5;			/* 老版Safari */
	opacity: 0.5;				/* 支持opacity的浏览器*/
}

用javascript来设定一个元素为半透明:

.object.filter = "alpha(opacity=" + opacity + ")";	/* IE */
.object.MozOpacity = (opacity / 100);				/* 老版Mozilla */
.object.KhtmlOpacity = (opacity / 100);				/* 老版Safari */
.object.opacity = (opacity / 100);					/* 支持opacity的浏览器*/

上一篇:AG亚游集团Javascript中undefined与null的区别

下一篇:AG亚游集团AJAX POST跨域方案之CORS

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.PHP技术分享 AG亚游集团 www.zhanxiqi.com  版权所有  网站地图    AG亚游集团

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 AG亚游集团沪ICP备15014499号-2

投资贵州茅台获利450% 这家投资公司寻找到下一目标 沈阳性侵事件举报人:已联系到受侵害的另几位女生 快递信息安全再现窝案:顺丰中通等与内鬼交手成常态 甩掉包袱 Snapchat借力多元化扭亏 美国去年11月原油产量创纪录!2019年或挑战霸主地位 万钢谈“人工智能”:应对可能对伦理和隐私的挑战 中乙第二轮上座率:陕西主场火爆堪比中超 野村:料澳门5月份幸运博彩毛收入增速远高于市场预估 意媒怒斥巴萨自大 全意大利愤怒他们这么抢人 亚太股市周二多数上扬 日本股市创逾26年新高 女子邀闺蜜色诱前男友 灌醉开房偷窃iPhoneX(图) 判决书揭五周杀人案被告无罪理由:无任何客观证据
小学生实锤!30岁的他爆粗口还被家长这样教训 潍坊杯-马加拉内斯点射 桑托斯3-1莫斯科斯巴达克 男子为赚百元办张银行卡出售 在征信系统留污点 张军:监狱不是动物园 要做到收得下管得住跑不了 马刺少主下一站在哪?名记称这队手握最佳筹码 北京启动幼儿园园长教师全员培训 10月底前完成 俄军唯一航母接受全面改造 将于2021年上半年归队 韩球队因他患上恐\"高\"症 郝海东后首人完成此神迹 共享自行车国抽结果首次发布 摩拜有产品不合格 欧盟拟将英国排除出“伽利略”卫星导航计划 赎回潮后的P2P平台自救调查 活期关停重启风险准备金 米兰辟谣大将想投曼联:那是他加盟米兰前说的
牛汇:钯金年初以来缩水近20% 空头还能笑傲到几时 双色球第18058期精品杀号:和值留意95-105区间 秒拍被永久下架?官方回应:正在积极整改 “抢话筒”抢出新会风 这个检察官研讨班别开生面 日新燃岳火山“熄火”后再喷发 烈焰冲天现火山雷 解决青年就业难 韩拟补助录用单位每人每年900万韩元 本周美油累涨0.8% 布油涨1.8% 国务院安委办:因电动自行车引发火灾将倒查追责 美得克萨斯州连发两起枪击事件 致5人死亡 在家可开啥小型加工厂 白手起家好项目 品牌设计公司排行榜 三缺一棋牌游戏平台 AG亚游集团