扫一扫浏览

css透明度的写法兼容全部浏览器

未结贴
0 168
gay未认证 2019-01-20 14:24:30
收藏

平常你在写div区块透明度,以前都是用的透明图片,那样写不好,现在css就可以轻松搞定了,代码如下:

.opacity_class { 
    filter:alpha(opacity=50); /* 兼容IE */
    -moz-opacity:0.5; /* 老版本的Safari,相当于目前的WebKit。 */
    -khtml-opacity: 0.5; /* 老版本的Mozilla浏览器如Netscape Navigator */
    opacity: 0.5; /* 兼容Firefox,Safari和Opera等大多数浏览器 */
} 

附加说明:
1.opacity: 0.5; 是最重要的,兼容Firefox,Safari和Opera等大多数浏览器。还有少数浏览器不兼容opacity属性。
2. filter:alpha(opacity=50); 兼容IE。
3. -moz-opacity:0.5;老版本的Mozilla浏览器如Netscape Navigator。
4. -khtml-opacity: 0.5; 老版本的Safari,相当于目前的WebKit。

最近热帖 HOT TOPIC
【全套视频】thinkphp5视频教程 1264
thinkphp5隐藏默认模块的一些问题 1151
TPFrame框架robot模块重磅来袭,内附2.1版本 1078
教你如果处理高并发数据不同步的问题php篇 1077
tpframe安装教程 1067
tpframe新建主题 1015
slide模块发布 1006
tpframe应用目录结构 1001
thinkphp5自动完成操作,两次运行的详解 982
TPFrame 2.1 beta版本正式发布,全部插件式开发到来 939
月度热议HOT COMMENTS
tpframe 后续版本你希望有的功能是什么(分享贴) 12
关于tpframe的一点话题 6
cms插件在分类排序的时候JSON错误 6
新增的管理员没有权限操作CMS模块。 3
api接口文档插件easydoc的基本用法,快速搞定接口文档 3
thinkphp5自动完成操作,两次运行的详解 2
tpframe-curd操作之添加数据 2
tpframe能带给你的,让你快速搞定各服务端(api,pc,mobile,wechat)代码的框架 2
slide模块发布 2
透析thinkphp5升级版开发框架tpframe 2
爆料早知道:又拍云存储插件上线我有好想法