前端技术

当前位置: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的区别

下一篇:AJAX POST跨域方案之CORS

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

PHP技术分享

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

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

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

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

埃及开罗一家动物园画驴扮斑马:天热后黑颜料流下 数据回顾农心杯:中国奋起直追 李昌镐纪录惊人 杨毅赞北京主帅:球员有7分能力他能激发出10分 马尔蒂尼:米兰是争四中状态最好的 应该相信自己 恒大足协杯战袍将印球员姓名 交换队旗内藏玄机 卡佩罗:最满意年轻球员发挥 我有勇气给U23机会 曼城天王获名宿力挺:他比萨拉赫更该获PFA最佳 小伙不惧冷门 复式斩足彩296万大奖分享秘诀 超淡定!奶奶中1896万压哨领 中奖后6月才现身 苹果期货主力合约触及涨停 2个月内累积上涨40% 双色球第18057期精品杀号:连号形势持续走热 曝英超队要买中超大将武磊!用他开拓中国市场
终于和冥想大师分手 德约认清自己决心卷土重来 百度副总裁邬学斌将离职 曾负责自动驾驶事业部 倪强任海南省政府办公厅主任 包洪文任省统计局长 NBA著名经纪人丹-费根车祸身亡 曾任易建联经纪人 俄正在大选投票 美国把军舰开到了格鲁吉亚 中国反击:500亿美元对500亿美元 美国内反对贸易战 叙媒:以色列向叙首都射导弹 叙两处军事设施被袭 上海市消保委:共享交通移动购物成上半年投诉重灾区 书记省长的两会时间 都说些啥? 国防部发布2018中国军队宣传片 为建军91周年献礼 美国科学暂获缓刑:特朗普政府撤销对NSF30%预算削减 本田精英赛焦点组:伍兹20:45开球 加西亚亮相
台湾正式迈入高龄社会 65岁以上老年人口突破14% 南方基金:此次MSCI指数调整非常重要 计划这样调仓 ofo生死局:拿什么续命? 广东省长马兴瑞:广东想多用天然气 无奈气价贵 实属罕见 这位省政协主席跨省平调 都是广告惹的祸 印度塔塔集团在印度起诉海尔 柯洁与李世石:这个时代 属于围棋的最好相逢 “最拥挤交易”遭严峻考验 你还看好FANG么? C罗偷偷回西班牙卖房 与皇马彻底决裂因不想见他 冬天摆地摊卖什么最好 女生最吃香的十大职业 养20头牛一年赚多少钱 什么项目前景好 AG亚游集团