扫一扫浏览

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

未结贴
0 342
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隐藏默认模块的一些问题 1778
父元素flex之后,子元素高度自适应问题 1728
【全套视频】thinkphp5视频教程 1616
教你如果处理高并发数据不同步的问题php篇 1453
关于thinkphp5.0.x getshell漏洞的说明 1396
tpframe新建主题 1325
tpframe安装教程 1304
一张纸的厚度是0.01毫米,则该纸对折30次后是多厚(据说超过珠穆朗玛峰的高度)php实现 1300
TPFrame框架robot模块重磅来袭,内附2.1版本 1297
移动web资源整理,你值得收藏的干货 1282
月度热议HOT COMMENTS
tpframe 后续版本你希望有的功能是什么(分享贴) 12
关于tpframe的一点话题 6
cms插件在分类排序的时候JSON错误 6
基于tpframe v3.x 的微信公众号插件已批量上线 5
tpframe插件tcms插件v2.2已发布上线,欢迎下载使用 4
新增的管理员没有权限操作CMS模块。 3
api接口文档插件easydoc的基本用法,快速搞定接口文档 3
thinkphp5自动完成操作,两次运行的详解 2
tpframe-curd操作之添加数据 2
tpframe能带给你的,让你快速搞定各服务端(api,pc,mobile,wechat)代码的框架 2
爆料早知道:Tcms小程序功能已上线我有好想法