遇到的问题：设置 backdrop-filter，Safari 浏览器首次加载没效果，通过ajax请求数据翻页之后，会出现部分高斯模糊效果无效，但是windows正常。

我查找到的原因： 元素初始高度为0，在设置高度动画，就会导致 backdrop-filter 在 Safari中没效果。

解决方法：

 .blur {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0%;
	right: 0%;
	z-index: 1;
	background: rgb(113 113 113 / 1%);
	/* 标准语法*/
	backdrop-filter: blur(25px);
	/* WebKit 浏览器 (例如 Chrome 和 Safari)*/
	-webkit-backdrop-filter: blur(25px);
	/* Firefox*/
	-moz-backdrop-filter: blur(25px);
	/* 兼容旧版本 Edge*/
	-ms-backdrop-filter: blur(25px);
}