html中视频代码字段,无法通过HTML5上的HTML5视频元素访问文本字段

我正在用全宽度背景视频构建页面。为了达到这个目的，我把视频放在绝对位置，拉伸它，给它一个负Z指数。作为页面内容，我添加了一个表单。无法通过HTML5上的HTML5视频元素访问文本字段

#video-background{

position: absolute;

top: 0;

left: 0;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

z-index: -1000;

overflow: hidden;

}

当我在iPhone(Safari)上访问此页面并尝试点击文本框时，我无法集中注意到该元素。就好像有东西阻塞元素或阻止触摸事件。放置在这里的文字也不可选。

相对定位形式并赋予它更高的z-索引似乎没有任何影响。

form{

position: relative;

z-index: 1000;

}

我测试了iPhone 4和iPhone 5上运行iOS 7.0.4的这个页面。

任何建议将不胜感激。

2014-01-29

Sceletia

+0

你使用的相对位置的父(容器)视频元素在哪里？ –

+0

嗨，不，因为视频是整个页面的背景。 –

+0

好的我知道你想要做什么。尝试为父视频示例创建相对位置创建div并添加类容器，将宽度和高度设置为100％和相对位置。移动此div内的视频元素。我可以帮助你，但我需要看到更多的代码 - 你的网站，因为现在我不知道你做了什么。 –