css哪些属性需要兼容性 |css设置水纹

1. 浏览器前缀：
-webkit-    /*支持大部分 webKit 核心的浏览器，如 safari、chrome 等*/
-moz-   /*支持大部分 mozilla 内核的浏览器，如 firefox 等*/
-o-   /*支持 opera*/
-ms-  /*支持 Microsoft IE*/
2. 盒模型：
box-sizing   /*定义盒子模型的计算模式，要考虑不同浏览器的默认值*/
3. 布局：
display:flex   /*CSS3 弹性布局，IE10 以下不支持*/
float:left/right   /*float 对象的浮动方向和位置，可能导致浏览器里出现不同的显示结果*/
4. 字体：
font-size   /*不同浏览器默认的字体大小不同，要注意适配*/
font-family   /*不同浏览器支持的字体族不同，要考虑兼容性*/
5. 颜色：
opacity    /*设置元素的透明度，IE9 以下不支持*/
color   /*不同浏览器显示颜色存在差异，要谨慎使用*/
6. 背景：
background-size   /*CSS3 新增属性，IE9 以下不支持*/
background-image   /*可能导致不同浏览器中看到不同的背景效果*/
7. 边框：
border-radius   /*CSS3 圆角属性，IE9 以下不支持*/

以上 CSS 属性不存在兼容性问题的列表是不固定的，而且会随着技术的更新和浏览器的升级而不断变化，开发者在编写 CSS 时需要时刻关注这些问题并进行调试和优化，以保证网站的兼容性和稳定性。