这篇文章主要介绍“常用的CSS属性的浏览器兼容性怎么样，要注意什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“常用的CSS属性的浏览器兼容性怎么样，要注意什么”文章能帮助大家解决问题��

为什么要对css属性进行浏览器兼容性总结呢？用的时候，直接�� Can I Use 里面检索浏览器对该属性的兼容性情况不就好了吗��

css3.jpeg

其实，在实际的开发过程中，我们对常见的css属性兼容情况了然于胸，才能极大的提高我们的开发效率，写出可以进行优雅降级的代码。这里并不是说一定要所有的css属性兼容情况都要背下来，对于使用率较低的，我们直接使用Can I Use 进行检紀��

边框��

• border-radius: 最低兼容至 IE9,其它浏览器兼容情况优良��
• box-shadow: 最低兼容至IE9, 其它浏览器兼容情况优良��

背景��

background-size: 最低兼容至IE9, 其它浏览器兼容情况优良��

字体��

@font-face: IE9及以上版本的IE浏览器，支持引入任何格式的字体文件，而在IE9之前的浏览器，只支持引入EOT格式的字体文件�� 其它浏览器兼容情况优良��

2D转换��

transform: 最低兼容至IE9（需要添��-ms-前缀），其它浏览器兼容情况优良。在transform属性前加入浏览器内核前缀是很好的实践。不建议在svg元素上使用transform属性，最新版本的IE并不支持这一使用方式��

3D转换��

IE10 �� Firefox 支持 3D 转换。Chrome �� Safari 需要前缀 -webkit-。Opera 仍然不支�� 3D 转换，它只支��2D 转换��

过渡��

transition:最低兼容至IE10，其它浏览器兼容情况优良。Safari浏览器需要前缀-webkit-，其它大部分浏览器对此并未有前缀要求，因此除了特殊情况，可以不添加其它浏览器的前缀��

动画��

animation:兼容情况与transition属性大致相同��

到此这篇关于“常用的CSS属性的浏览器兼容性怎么样，要注意什么”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章，希望大家以后多多支持群英网络！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：[email protected]进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容��

猜你喜欢

• CSS3中content属性有何作用，怎样用的

  css3中content的用法是什么content 属性与 :before �� :after 伪元素配合使用，来插入内容。语法如下：content: normal|none|counter|attr|string|open-quote|close-quote|no-o

• HTML5的项目中如何调用摄像头拍照，代码是什��

  本文给大家分享html5调用摄像头实例代码，代码简单易懂，对前端html5的学习有很大帮助，如果对html5调用摄像头相关知识感兴趣的朋友一起看看吧

• css3中滤镜filter属性怎样使用？常用滤镜效果有什么？

  这篇文章给大家分享的是有关css3中滤镜filter属性及常用滤镜效果的内容。小编觉得挺实用的，因此分享给大家做个参考，接下来一起跟随小编看看吧��

• overflow:clip有何用处，怎样使用��

  本篇文章将介绍一个新特性，�� Chrome 90 开始，overflow 新增的一个新特�� -- overflow: clip，使用它，轻松的对溢出方向进行控制��

• CSS盒子模型属性有哪些，表示什么意��

  内容区，是盒子模型必备的组成部分。内边距，指内容区和边框之间的空间。外边距，指两个盒子之间的距离，可能是子元素和父元素之间，也可能时两个兄弟元素之间。边框��