div中的视频背景和文本不能与页面的其余部分一起滚动？

在前端开发中，如果希望实现div中的视频背景和文本固定不动，而页面的其余部分可以滚动，可以通过以下方法实现：

使用CSS的position属性将div固定定位在页面上的某个位置，例如设置为position: fixed;。这样div的位置将不随页面滚动而改变。
使用CSS的z-index属性将div的层级设置为较高的值，确保div在其他元素之上。
使用CSS的overflow属性将页面的其余部分设置为可滚动，例如设置为overflow: auto;。这样当页面内容超出div的高度时，会显示滚动条。

下面是一个示例代码：

HTML部分：

<div class="video-container">
  <video src="video.mp4" autoplay loop muted></video>
  <div class="text-container">
    <h1>这是一个标题</h1>
    <p>这是一些文本内容</p>
  </div>
</div>
<div class="content">
  <p>这是页面的其余部分，可以滚动。</p>
</div>

CSS部分：

.video-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.content {
  margin-top: 1000px; /* 为了演示页面滚动效果 */
}

在上述代码中，video-container类表示包含视频背景和文本的div，设置了固定定位和100%的宽高，以及较高的层级。video元素用于显示视频，设置为绝对定位并填充整个div。text-container类用于居中显示文本内容。content类表示页面的其余部分，设置了一个较大的上边距以产生滚动效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。