首先,请让我说我对CSS很新。还有很多要学的东西!我正在https://web.archive.org/web/20130709112702/http://www.thesweet-spot.com/test77
的网站上工作除非徽标上的z-index低于内容框上的z-index,否则一切都工作得很好,除了主要内容框被放置在固定位置徽标下而不是它上面。你们天才能告诉我什么?
答案 0 :(得分:66)
实际上有两个原因:
其父级设置为在徽标后面显示 。应用于该父元素中的元素的任何z-index将仅应用于该父元素内的其他元素。父级中的所有元素都将相应地堆叠,然后整个元素将放置在其堆栈顺序指定的徽标后面。
z-index仅适用于位置为绝对,固定或相对的元素。它不适用于具有静态位置的元素。
答案 1 :(得分:11)
它受父容器的z-index约束。您不能将子项设置为比父项更高的z-index;它会限制父母的价值。
您可以将条纹设为body标签的背景,然后将container
设置为没有背景。完成后,将container
设置为更高的z-index。