博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3浏览器兼容性小结
阅读量:6173 次
发布时间:2019-06-21

本文共 1012 字,大约阅读时间需要 3 分钟。

  hot3.png

前言:浏览器前缀

-ms- /* IE 9 */

-moz-/* Firefox */
-webkit- /* Safari and Chrome */
-o- /* Opera */

一般地只有Internet Explorer 9+才能支持更多的属性;老版本的firefox一般要加前缀;

1、border-image、 border-radius 和 box-shadow 属性兼容性

Internet Explorer不支持border-image

Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

注释:对于 border-image,Safari 5 以及更老的版本需要前缀 -webkit-。

Opera 支持 border-radius 和 box-shadow 属性,但是对于 border-image 需要前缀 -o-。

2、文本效果属性

Internet Explorer 9 以及更早的版本,不支持 text-shadow 属性。其他浏览器均支持。

3、transform 属性

Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。

Chrome 和 Safari 需要前缀 -webkit-。

注释:Internet Explorer 9 需要前缀 -ms-。

4、过度效果transtion属性

Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。

Safari 需要前缀 -webkit-。

注释:Internet Explorer 9 以及更早的版本,不支持 transition 属性。Chrome 25 以及更早的版本,需要前缀 -webkit-。

5、动画效果@keyframes属性

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。

Chrome 和 Safari 需要前缀 -webkit-。

注释:Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 animation 属性。

 

转载于:https://my.oschina.net/hrw/blog/850599

你可能感兴趣的文章
《现在的泪,都是当年脑子进的水》读书笔记
查看>>
IOSday04 UIButton使用
查看>>
铁大好青年内部分组
查看>>
unity3D ——自带寻路Navmesh入门教程(一)(转)
查看>>
判断字符串是否为数字的函数
查看>>
[emuch.net]MatrixComputations(7-12)
查看>>
linux 命令 — 文件相关
查看>>
自己空闲的时候封装一下
查看>>
Datagard產生gap
查看>>
本机web开发环境的搭建--nginx篇
查看>>
rcnn 理解笔记
查看>>
问答项目---登陆验证码点击切换及异步验证验证码
查看>>
plist文件中iphone和ipad的应用图片设置
查看>>
搜集的一些资源网站链接
查看>>
struts2中类型转换器的使用
查看>>
11G Oracle RAC添加新表空间时数据文件误放置到本地文件系统的修正
查看>>
从91移动应用发展趋势报告看国内应用现状
查看>>
【ORACLE技术嘉年华PPT】MySQL压力测试经验
查看>>
Linux下汇编调试器GDB的使用
查看>>
css溢出机制探究
查看>>