Html CSS：固定的视频标题-如何在div中溢出内容？

我有一个模态对话框，它位于

div

容器中。我想在顶部添加一个视频背景，如果用户向下滚动，内容应该在视频上方滚动

当将溢出设置为初始值时，可以使用提琴。无论如何，我需要在div中有一个scollbar，因为内容将显示在一个模式中

此外，当鼠标位于标题中时，用户需要能够滚动内容，并且用户必须能够播放/暂停视频

有什么想法吗

---

jsiddle:

您在页眉之前定义了页眉间隔符。由于堆叠规则（），收割台将堆叠在间隔棒上方。如果更改收割台和间隔棒的顺序，将鼠标悬停在间隔棒上方时可以滚动。i、 e:

.container{
溢出：自动；
高度：30公分；
宽度：40em；
}
.割台垫片{
位置：相对位置；
高度：20em；
}
录像带{
位置：绝对位置；
排名：0；
右：5px；
}
.标题{
背景颜色：绿色；
位置：绝对位置；
z指数：0；
高度：20em；
左：0；
排名：0；
宽度：40em；
背景：#ff5c；
}
.内容{
位置：相对位置；
背景颜色：蓝色；
z指数：10；
}

您的浏览器不支持视频标记。
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。这是一位杰出的领袖，他是一位伟大的领袖。
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。
不受时间和解决方案的限制，不受限制，不受限制，不受限制。这是一位杰出的领袖，他是一位伟大的领袖。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。
在亨德雷特的两个房间里，有一个小房间，一个小房间，一个小房间。
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。这是一个非常好的例子，因为它是一个非常好的例子。圣殿海位于塔基马塔和沃卢普图亚。这是我的不幸。科塞特图，洛雷姆·伊普苏姆·多洛·希特·阿梅特
不受时间和解决方案的限制，不受限制，不受限制，不受限制。这是一位杰出的领袖，他是一位伟大的领袖。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。
在亨德雷特的两个房间里，有一个小房间，一个小房间，一个小房间。
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。这是一个非常好的例子，因为它是一个非常好的例子。圣殿海位于塔基马塔和沃卢普图亚。这是我的不幸。科塞特图，洛雷姆·伊普苏姆·多洛·希特·阿梅特
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和j