为什么要对css属性进行浏览器兼容性总结呢?用的时候,直接去 Can I Use 里面检索浏览器对该属性的兼容性情况不就好了吗?
css3.jpeg
其实,在实际的开发过程中,我们对常见的css属性兼容情况了然于胸,才能极大的提高我们的开发效率,写出可以进行优雅降级的代码。这里并不是说一定要所有的css属性兼容情况都要背下来,对于使用率较低的,我们直接使用Can I Use 进行检索。
边框:
背景:
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属性大致相同。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
作者 蒋彪,腾讯云高级工程师,10+年专注于操作系统相关技术,Linux内核资深发烧...
这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。...
做网页有很多软件,原来经常使用frontpage来实现,现在用dreamweaver比较专业,...
ie8,chrome中用上面的设置显示后是和画面的最宽一致,各列的宽度也不固定了,一...
在经典配色中,可能每个人都不会否认黑白灰的永恒魅力。虽然人们总是想outstandi...
有时候我们的页面会需要这样的一些提示框或者叫气泡框,运用css,我们可以实现这...
纯CSS实现表头固定之所以难,主要在两点。一是占有最大市场份额的IE6不支持posit...
简介: 对象在内存中的内存布局是什么样的?如何描述synchronized和ReentrantLoc...
今天小编为大家介绍dw新建站点的四种方法,适合初学者来学习,希望这篇文章能对...
CSS控制网页打印样式 : 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知...