Css 使用相对于重叠图像定位的元素的Z索引
网址:forus-group.com 我正在尝试定位正确的导航以重叠滑动标题图像。无论我给它的z指数有多高,它都不会与图像重叠,谁的父部分的z指数为3。这两个元素都是粗糙的,相对定位以便于z索引 即使我尝试给图像本身一个负的z索引,它们仍然与右列重叠。相关CSS如下: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
#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的问题。根据文档流,内容当前位于页眉下方,#右侧部分相对定位,在页眉顶部向上浮动。它就出现在后面。