为什么我的z-index被忽略了?

i7n*_*nvd 31 css

首先,请让我说我对CSS很新.还有很多要学的东西!我正在http://www.thesweet-spot.com/test77上的一个网站上工作

一切都很好,除了主要内容框被放置在固定位置徽标下而不是它上面,即使徽标上的z-index低于内容框上的z-index.你有什么天才告诉我的?

ani*_*son 67

实际上有两个原因:

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

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


PCa*_*nde 12

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

您可以将条纹设置为正文标记的背景,然后将其设置container为没有背景.一旦完成,设置container为更高的z-index