backdrop-filter只对元素左下角起了作用,dom结构正常,是什么原因导致的呢?

dom结构为:
<div class="wrapper">

<ul class="menu-list">...</ul>

</div>
css样式如下:

.wrapper {
  display: none;
  background: transparent;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 9;
  padding-top: 16px;
}

.menu-list {
  box-sizing: border-box;
  background-color: rgba(0,0,0, .7);
  border-radius: 5px;
  backdrop-filter: blur(3px);
  padding: 0;
  margin: 0;
  animation-duration: @fadeInTime;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

结果显示:
wrapper左下角出现了玻璃毛边效果,其他地方都没起作用,请问有人遇到过这种情况吗?是由于什么原因导致的呢?

阅读 1.7k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题