IE9兼容,不可使用以下常用Css

1.动画 IE10
2.背景可以正常使用 最低IE9开始
3.边框(Border)和轮廓(OutLine)除了边框Image属性其余都也可以是,最低IE5
outline-offset属性除了IE,都兼容。

border-image	设置或检索对象的边框样式使用图像来填充。	3
border-image-outset	规定边框图像超过边框的量。	3
border-image-repeat	规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。3
border-image-slice	规定图像边框的向内偏移。	3
border-image-source	规定要使用的图像,代替 border-style 属性中设置的边框样式。	3
border-image-width	规定图像边框的宽度。	3

4.内外边距、尺度、透明、定位、表格属性、box-sizing、overflow都可以使用,resize除了IE都兼容。
5.弹性盒模型(新)有的属性兼容到IE10,有的从IE11开始。所以要想兼容IE9,可以结合定位一起使用。
移动端使用弹性盒模型安卓版本5.1就不用使用了,苹果手机6以上都可以使用。
6.弹性盒模型(旧)不用去考虑了。

7.字体常用属性基本都支持,关于@font-face这个,兼容的是文件类型。一般UI框架都已经帮我弄好了。所以不需要考虑他额兼容性。
8.网格(Grid)
9.列表(List) 属性 放心使用
list-style 在一个声明中设置所有的列表属性 1
list-style-image 将图象设置为列表项标记 1
list-style-position 设置列表项标记的放置位置 1
list-style-type 设置列表项标记的类型 1
10.2D/3D 转换属性 transform,有子属性都是从IE10开始的,除了transform属性从IE9开始需要添加前缀
11.过渡(Transition) 属性从IE10开始的
12.文本(Text) 属性 Css1和Css2 direction放心使用 Css3中常用text-shadow从IE10开始兼容、word-wrap、text-overflow放心使用
13.表格(Table) 属性放心使用
border-collapse 规定是否合并表格边框 2
border-spacing 规定相邻单元格边框之间的距离 2
caption-side 规定表格标题的位置 2
empty-cells 规定是否显示表格中的空单元格上的边框和背景 2
table-layout 设置用于表格的布局算法 2
14.RGBA IE9开始放心使用

你可能感兴趣的:(Css兼容性)