浏览器制造商苹果、谷歌、微软和Mozilla以及软件公司Bocoup和Igalia正在合作创建一个名为Interop2022的网络兼容性规范，以使网络技术和代码在不同的设备和浏览器上工作有一个统一的渲染效果（适合前端开发）。有史以来第一次，所有主要的浏览器供应商和市场上的利益相关者齐聚一堂，共同解决浏览器兼容性问题。以前，相互竞争的浏览器厂商在Web技术的兼容性问题上常常意见不一，尤其是在IE还活着的时候，一个前端页面三套代码的情况非常普遍。在过去几年中，随着监管机构在竞争问题上向苹果和谷歌施压，顶级浏览器制造商开始更频繁地合作，而不是专注于自己的浏览器特定功能。2019年，谷歌和微软联合推出了名为Compat2021的Web兼容性标准，推动了CSSgrid和CSSflexbox的发展。Mozilla参与了该计划的讨论，但Apple及其WebKit团队并不同意。不参与此计划。新的Interop2022规范整体偏向15个领域，其中10个领域是基于去年CSS2021状态调查和GitHub投票的结论。大多数前端开发人员认为，这些领域将特别难以解决跨浏览器的兼容性问题。Processing:CascadeLayers（级联层）有了这个标准，网站可以创建一个“frame”层和一个“custom”层，然后将所有第三方框架的CSS样式赋值给frame层，在custom层写自定义样式，并且自定义层的所有CSS样式都可以比框架层有更高的优先级（忽略选择器）。颜色空间和函数在Web开发的早期，sRGB颜色空间用于以十六进制、rgb()、rgba()或hsl()表示颜色。但是随着显示技术的发展，sRBG已经不够了，所以Interop2022包含了对三种扩展色彩空间（LAB、LCH、P3）的支持测试，以及通过函数在CSS中写颜色的两种方式：color-mix和color-contrast:color-mix():获取两种颜色并返回在指定颜色空间中按指定量混合它们的结果。color-contrast()：从颜色列表中选择与指定单色的对比度最高的颜色。Containment（CSScontain属性）contain属性用于识别和测量特定容器的大小，然后根据该容器的大小应用不同的样式。有点像媒体查询@media，但它不是测量视口大小，而是测量容纳内容的框的大小。DialogElement（对话框元素）Dialog元素可以创建一个覆盖窗口，即对话框。例如，::backdrop伪元素可以设置模态框下方背景的样式。在此博客上了解对话框元素。表单修复（FormFixes）表单的一些操作方面，包括外观属性、禁用表单控件
