无法控制z-index

Question

我无法控制z-index，我想在徽标前面的第2-6页放一条棕色的丝带，但是即使有很大的z-index也不会再听我了，你能不能指出解决这个问题的正确方向？我尝试了多种解决方案，重新安排了div的结构，但是效率很低。

这是项目所在的开发者服务器：

http://178.62.215.130/SV/#contact

我的输出是：

我想把那条缎带放在徽标前面。 logo被显示为固定的，作为导航的一部分，z-index = 70.我真的想添加一些代码或什么，但不知道什么可能是helppful。我不想让任何人做我的工作，需要一个可能导致这个问题的小费。

Answer 1

如果z-index不起作用，那通常是因为你试图控制具有静态位置的元素。让z-index工作you have to use position: absolute;，position: relative;或position:fixed;。

更新： 我认为问题是你的HTML结构+它的定位是不必要的复杂 - 例如将条带放置在相对定位的元件内，该元件放置在固定元件中，该固定元件再次放置在相对元件中。如果我在该结构之外放置一个div，我可以相对容易地将它放在我想要的位置（使用left，top和z-index属性）。在你的情况下，问题可能是resets positioning context for nested elements的相对定位。 Here是另一个有趣的资源。