z-index未应用

时间:2011-10-18 22:02:24

标签: css

首先,请让我说我对CSS很新。还有很多要学的东西!我正在https://web.archive.org/web/20130709112702/http://www.thesweet-spot.com/test77

的网站上工作

除非徽标上的z-index低于内容框上的z-index,否则一切都工作得很好,除了主要内容框被放置在固定位置徽标下而不是它上面。你们天才能告诉我什么?

2 个答案:

答案 0 :(得分:66)

实际上有两个原因:

  1. 其父级设置为在徽标后面显示 。应用于该父元素中的元素的任何z-index将仅应用于该父元素内的其他元素。父级中的所有元素都将相应地堆叠,然后整个元素将放置在其堆栈顺序指定的徽标后面。

  2. z-index仅适用于位置为绝对,固定或相对的元素。它不适用于具有静态位置的元素。

答案 1 :(得分:11)

它受父容器的z-index约束。您不能将子项设置为比父项更高的z-index;它会限制父母的价值。

您可以将条纹设为body标签的背景,然后将container设置为没有背景。完成后,将container设置为更高的z-index。