麻烦让z-index工作

时间:2012-04-03 07:51:37

标签: z-index css

Here is a fiddle我举了一个例子。我不能为我的生活找出我所缺少的东西。我的目的是将.tss-content类放在z轴上的#wrap-a和#tss之间。

换句话说,试图让白色层位于灰色和蓝色层之间。

我确定这是愚蠢的,但任何帮助都会非常感激。提前谢谢!

2 个答案:

答案 0 :(得分:0)

这是不可能的,因为您的.tss-content嵌套在一个元素#tss(灰色)中,其z-index大于#wrap-a(蓝色)。因此.tss-content无法在两个元素之间显示(具有中间z-index)

但如果您只想在视觉上重叠两个元素,请从position: relative;

中删除z-index: 99999;.tss-social

答案 1 :(得分:0)

您可以浮动白框并给出左值以将其推到右侧

.tss-social {
    float:left;
    left: 50px;
} 

Demo