Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Css 使用相对于重叠图像定位的元素的Z索引_Css_Z Index_Css Position - Fatal编程技术网

Css 使用相对于重叠图像定位的元素的Z索引

Css 使用相对于重叠图像定位的元素的Z索引,css,z-index,css-position,Css,Z Index,Css Position,网址:forus-group.com 我正在尝试定位正确的导航以重叠滑动标题图像。无论我给它的z指数有多高,它都不会与图像重叠,谁的父部分的z指数为3。这两个元素都是粗糙的,相对定位以便于z索引 即使我尝试给图像本身一个负的z索引,它们仍然与右列重叠。相关CSS如下: #right { width: 275px; position: relative; bottom: 175px; z-index: 50; } #tophead .cycleitem i

网址:forus-group.com

我正在尝试定位正确的导航以重叠滑动标题图像。无论我给它的z指数有多高,它都不会与图像重叠,谁的父部分的z指数为3。这两个元素都是粗糙的,相对定位以便于z索引

即使我尝试给图像本身一个负的z索引,它们仍然与右列重叠。相关CSS如下:

#right {
     width: 275px;
     position: relative;
     bottom: 175px;
     z-index: 50;
}

#tophead .cycleitem img {
     position: relative;
     z-index: 1;    
}
z索引为50时,所有其他项目(标题中)都会正确显示。先谢谢你

编辑:站点现在恢复为断开状态。当试图修复IE7及更低版本时,出现了这个错误,但现在出现在现代Broser中。我的标题是全高的,内容如下。然后,我尝试将右栏相对定位为:

position: relative;
bottom: 175px;
z-index: 150;

再次感谢。

这是因为菜单实际上位于与标题不同的文档部分:

<header id="tophead">
    header image here
</head>
<section id="content">
    sidebar menu here
</section>

标题图片在这里
这里有侧边栏菜单

如果希望菜单与标题图像重叠,则必须重新构造文档。一种黑客的方法是使侧边栏的
顶部:-313px
,它与标题的高度相匹配。

我的天,请问您使用的是什么浏览器?我知道一些旧的IE浏览器不支持z索引。IE支持z-index,它只是坏了。我知道不是所有的IE都有z-index的问题。根据文档流,内容当前位于页眉下方,#右侧部分相对定位,在页眉顶部向上浮动。它就出现在后面。