代码片段：https://developers.weixin.qq.com/s/en66iymu7pYj

如图所示，在外层的scroll-view容器设置背景图，没有swiper包裹的view能正常显示backdrop-filter效果，但是一旦被swiper组件包裹backdrop-filter就不生效了。

OutsideInside 1Inside 2

page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}


.scroll-area {
  flex: 1;
  overflow-y: hidden;
  background-image: url(BG_Url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


.blur {
  width: 200px;
  height: 200px;
  backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: white;
}