如何在颤动中定位显示在所有其他元素之上的元素

<div class="container">
  <div class="overlay">我在颤动中定位显示在所有其他元素之上</div>
  <div class="content">其他内容</div>
</div>

.container {
  position: relative;
  height: 500px; /* 设置容器高度，使内容可滚动 */
  overflow: auto; /* 设置容器为可滚动 */
}

.overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 20px;
  z-index: 9999; /* 设置层叠顺序为最高 */
}

.content {
  height: 1000px; /* 设置内容高度，使容器可滚动 */
}