Question

在Internet Explorer 10中查看此页面：

在顶部，有一个html 5视频自动循环播放（静音）。那里也应该有一些文字，覆盖视频。尽管包含文本的div具有更高的z-index，但它仍然没有显示出来。

有问题的部分嵌套在html＆gt;中身体＆gt;主要＆gt; class landing-page-billboard（main的第二个孩子）。

您可以在Chrome，Safari或更新版本的IE上看到这应该是什么样子。

这里发生了什么？有谁知道我怎么解决这个问题？

Answer 1

要使z-index正常工作，该元素必须具有非静态定位，例如relative或absolute。

要解决您的问题，请添加以下内容：

.landing-page-billboard .tout-wrapper {
   ⋮
   position: relative;
   z-index: 1;
}

不需要对z-index数字发疯。 1就足够了。）