扫一扫浏览

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

未结贴
0 3716
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
父元素flex之后,子元素高度自适应问题 6602
thinkphp5隐藏默认模块的一些问题 5991
一张纸的厚度是0.01毫米,则该纸对折30次后是多厚(据说超过珠穆朗玛峰的高度)php实现 5915
教你如果处理高并发数据不同步的问题php篇 5647
关于thinkphp5.0.x getshell漏洞的说明 5600
tpframe新建主题 5426
omnicore rpc api中文手册【usdt】 5407
PHP如何判断字符串是否为json格式 5395
【全套视频】thinkphp5视频教程 5336
使用宝塔linux面板创建FTP无法连接的解决办法(阿里云或腾讯云) 5114
月度热议HOT COMMENTS
tpframe 后续版本你希望有的功能是什么(分享贴) 12
权限那里怎么一登录别的账号就报错啊 9
关于tpframe的一点话题 6
cms插件在分类排序的时候JSON错误 6
基于tpframe v3.x 的微信公众号插件已批量上线 5
tpframe插件tcms插件v2.2已发布上线,欢迎下载使用 5
tpframe6.0马上就要跟大家见面了,一次全新的升级 5
透析thinkphp5升级版开发框架tpframe 3
新增的管理员没有权限操作CMS模块。 3
api接口文档插件easydoc的基本用法,快速搞定接口文档 3