前端技术

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

彭伟国:国内中场我欣赏他俩 武磊在国足怎样才更好 考古发现5千年前“罗密欧朱丽叶”:紧靠一起(图) 雪乡旅游丑闻不断引发新民谚:再不听话送你去雪乡 日媒:调查显示神钢数据造假始自上世纪70年代 新浪旗下基金销售平台 代销基金已超两千只 拜仁又抽好签?最会打西甲的海因克斯回来了 27+6+4!率队西部第三 杀神自称今年该入一阵 非洲又现埃博拉疫情 广州海关加强口岸疫情防控 伊拉克大选非当权派领先 现任总理阵营不容乐观 小德赛季首进大师赛八强 再战锦织圭做好苦战准备 陈水扁言论又逼网友笑喷 这次搬出了蒋介石和奥运 中超数据排行:国安登顶进球榜首 恒大传中占鳌头
足协通报反兴奋剂情况:2016查出9例 多中超队涉案 美国东海岸遭强风暴袭击 致9人死亡50多万户停电 大帝生日夜爆砍24+19 最强新秀准三双率队连胜 雄安新区今年要完成55752套“棚改”开工任务 骑士主帅称G2可能变阵 敦促詹皇要更有侵略性 中国国象二十八年六人封后 两棋手四度加冕 李炳军任江西副书记 曾在国务院当22年秘书 8月1日上市公司晚间公告速递 美媒:中国独生子女一代爱宠物胜过爱孩子 牛汇:俄斯加持黄金难救疲软金价 背后暗藏这两大祸首 哈登复出戈登替补轰30分 两人禁赛火箭仍退狼 以美举行反导联合军演 重点防御大规模弹道导弹攻击
专业人士:台独若与正义力量狭路相逢必遭毁灭性打击 向前 带着英烈的信念与使命 武汉新海关亮相 旅客通关时间缩短三分之一 德法领导人将接连访俄 磋商叙利亚问题 警察开设赌场快速致富被查:从警22年 号称一匹哥 牛汇:加元今晚或有大行情 贸易议题重归主线 特斯拉推出冲浪板:1500美元带着新冲浪板“浪”一波 特朗普再轰媒体不爱国 纽时出版人:总统制造分裂 网传055大驱首舰舷号为101 或编入北海舰队守卫京畿 小投资暴利 2016做什么生意有前景 没学历女生做什么工作 微信赚钱的三大方法 AG亚游集团