我需要设置一个以视频为背景的网站。
我是否可以使用z-index
在视频顶部放置其他元素?还有更好的选择吗?
答案 0 :(得分:3)
我还没有测试过,但您可以尝试将<video>
的宽度/高度设置为100%
,然后使用z-index让所有其他元素保持在它之上......
编辑: 例如,将视频设置为整页背景
<body style="height: 100%;width: 100%">
<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;">
<video src="" width="100%" height="100%" autoplay>
Your browser does not support the video tag.
</video>
</div>
... rest of your site
答案 1 :(得分:1)
您不能将其应用为CSS背景(背景属性)。您可以通过使用通过z-index属性控制的图层来提供效果。
答案 2 :(得分:0)
如果你使用flash作为你的视频播放方法,那么无论z-index如何,闪存始终都是最重要的,但我想这可以通过使用新的HTML5 <video>
标签来完成。
无法转换为高帧速率动画图像并设置为BG ...