使用Z索引的Div堆叠

所以我遇到了我的页脚和div堆叠问题。使用Z索引的Div堆叠

在Chrome浏览器中看起来很好，但在Firefox中，通讯图像仍在放下所有文本。我可以很容易地使用position: relative; top: -43px，但后来我在页面底部也得到了43px的空间，这也很糟糕。我一直在玩z-index，并且整天都在绝对vs相对位置不确定为什么它只能在FF下降。对于如何解决这个问题，有任何的建议吗？

在灰色栏中，白色文字上有白色，应该位于小徽标旁边的灰色栏中。

来源

2011-11-15 Howdy_McGee

它看起来不错在我的Firefox中 –

在FF5中看起来很好。 – Nightfirecat

@bobek嗯我已经在几个不同的版本和解决方案上看到它显示相同的错误。在灰色栏下有白色txt，需要在小标志旁边的灰色栏中 –

尝试此。

#copyright img 
{ 
    float:left; 
} 

#copyright p 
{ 

    margin-top: 0px; 
}

来源

2011-11-15 20:25:11

没错，但是由于“通讯”图片阻止它完全左移，所以仍然存在z索引问题。谢谢！ –

添加位置：绝对其中的一个。您可以指定将元素定位到绝对或相对的z-index –

没有运气，相对不做任何事情，绝对将它放得太远。然后解决问题与绝对位置一起启动：/ –

尝试改变边距到-14px：

#copyright p { 
    margin-top: -14px; 
}

这显示这样的（火狐7.0.1）：

Fix

来源

2011-11-15 20:23:32

我看到你在sorta工作的情况。现在我只需要把它那个小小的徽标对齐。感谢 –

@bobek似乎已经修复了它（顺便说一句，这个标识实际上不会在报纸的顶部结束吗？） –

我得到了这个在firefox +1中的工作，但现在它在Chrome浏览器中看起来很有趣：/ –

使用Z索引的Div堆叠

回答

相关问题