html5 视频固定位置,仅适用于HTML5视频背景的位置：固定;不过，我不希望它与页...

所以滚动，我有这样的事情，一个体面的有点反应HTML5背景：仅适用于HTML5视频背景的位置：固定;不过，我不希望它与页

.video {

position: fixed;

top: 50%;

left: 50%;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

z-index: -100;

transform: translateX(-50%) translateY(-50%);

-webkit-filter: blur(3px); //change the value according to what suits the best

-moz-filter: blur(3px); //change the value according to what suits the best

-o-filter: blur(3px); //change the value according to what suits the best

-ms-filter: blur(3px); //change the value according to what suits the best

filter: blur(3px); //change the value according to what suits the best

overflow: hidden;

}

.margin {

margin-top: 400px;

}

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

Some Content

所以，我的问题是，如果我改变位置：固定位置：绝对，它将变成无响应。但是，我不希望视频滚动页面... 怎么办？ 其他职位如position：static是一团糟。

如果您从固定位置更改位置，则可以在较小的屏幕尺寸上看到垂直滚动条。

编辑： 如果您将其布局/视图更改为“正确”，则此问题仅在codepen上可见，因此HTML/CSS/Java框位于右侧，预览位于左侧(而非最初顶部和底部布局)。奇怪的。

2015-08-15

lastnoob

+0

你是什么意思的响应？ –

+0

检查codepen。改变位置：固定;定位：绝对;您可以在调整窗口大小时看到水平滚动条。 –

+0

不在我的浏览器中^^，您使用哪个浏览器？ –