Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用Z索引进行Div叠加_Html_Css_Z Index_Css Position - Fatal编程技术网

Html 使用Z索引进行Div叠加

Html 使用Z索引进行Div叠加,html,css,z-index,css-position,Html,Css,Z Index,Css Position,所以我的页脚和div堆叠有问题 这在Google Chrome上看起来不错,但在firefox上,时事通讯图片仍然会把我所有的文字都放下来。我可以轻松地使用位置:relative;顶部:-43px但是我在页面底部得到了一个43px的空间,这也很糟糕。我整天都在玩弄z指数和绝对相对位置,不知道为什么它只在FF中持续下降。有没有关于如何解决这个问题的建议 在灰色条下有白色加白色的文本,应该在小徽标旁边的灰色条中。尝试将页边距顶部更改为-14px: #copyright p { margin-

所以我的页脚和div堆叠有问题

这在Google Chrome上看起来不错,但在firefox上,时事通讯图片仍然会把我所有的文字都放下来。我可以轻松地使用
位置:relative;顶部:-43px
但是我在页面底部得到了一个43px的空间,这也很糟糕。我整天都在玩弄z指数和绝对相对位置,不知道为什么它只在FF中持续下降。有没有关于如何解决这个问题的建议


在灰色条下有白色加白色的文本,应该在小徽标旁边的灰色条中。

尝试将页边距顶部更改为-14px:

#copyright p {
    margin-top: -14px;
}
如下所示(Firefox 7.0.1):

试试这个

#copyright img
{
    float:left;
}

#copyright p
{

    margin-top: 0px;
}

在FF5中,这里看起来很好。@bobek-Hmm我在几个不同的版本和分辨率上查看了它,它显示了相同的错误。在灰色条下有白色的txt,它需要在小徽标旁边的灰色条中,将边距顶部更改为顶部:-47px@bobek如果我把
top:-47px
放在灰色条和HTML页面末尾之间,我会得到47个像素的空间,这也不好:/I我正试图让我的HTML页面在灰色条的右边结束,否则它下面将是未使用的空间,你知道吗?。我明白你的意思了。现在我只需要把那个小小的标志对准它的左边。让我来玩吧Thanks@bobek实际上似乎已经解决了这个问题(顺便问一下,这个标志不是真的会出现在报纸的顶部吗?)我在firefox+1中使用了这个功能,但现在它在chrome中看起来很有趣:/right,但仍然存在z索引问题,因为“新闻通讯”图像阻止它完全向左浮动。谢谢将位置:绝对添加到其中一个位置。您可以通过将元素定位为绝对或相对来指定z索引。不幸运的是,相对什么都不做,而绝对将其放在太左边。然后绝对位置的分辨率问题开始出现了:/你能在画图中画出你想在哪里看到什么吗?我现在在firefox中找到了它,但是风格的差异让我在跨浏览器时丧命。在Chrome中,它现在在通讯栏后面显示为负边距