Html 如何在h1前面制作img堆栈？

在中，我有一个小的“信息”图像，当您将鼠标悬停在它上面时，它将用作工具提示。然而，即使我将图像的

z-index

设置为非常高的数字，其他元素似乎也堆积在图像的顶部。如何使图像堆叠在顶部，以便工具提示正常工作

正文{
背景色：白色；
}
#外国零件工具提示{
z指数：999999；
}
.icon16{
宽度：16px；
高度：16px；
边界：0px；
边际：0px；
填充：0px 0px 0px 0px；
垂直对齐：顶部；
光标：帮助；
}
.s101字段集{
边框：1px实心#C0C0；
边界半径：3px；
显示：内联块；
位置：相对位置；
}
.s101字段集h1{
字体：12px Verdana；
位置：绝对位置；
宽度：100%；
左边距：0；
右边距：0；
文本对齐：居中；
}
.s101字段集h1范围{
显示：内联；
背景：#fff；
填充：5px4p0；
位置：相对位置；
顶部：-17px；
}
.s101字段集>.s101字段集内容{
填充：8px；
}
.s101字段集>.s101字段集内容.图例项{
边框：1px实心#aaa；
字体：13px Verdana；
游标：默认值；
填充物：3px 5px；
}
.s101字段集>.s101字段集内容.图例国家部分{
利润率：3px2px 8px；
边缘底部：8px；
背景颜色：金色；
}
.s101字段集>.s101字段集内容.图例本地部分{
保证金：2倍；
背景色：白色；
}
.s101字段集>.s101字段集内容.图例外部部分{
保证金：2倍；
背景颜色：浅灰色；
}
.s101字段集>.s101字段集内容.图例项水平{
保证金：0；
显示：内联块；
}
.s101字段集>.s101字段集内容。图例项水平：非（：最后一个子项）{
右边距：2px；
}

传奇
国家部分
局部
外来部分
这是因为
h1
位于顶部。您需要设置
.s101字段集content
div的
z-index
，而不是img。也可以设置
位置：相对
到
.s101字段集content
div，它将位于
h1
的顶部

您有工作代码您的
标签的位置覆盖了它下面的块。我建议您使用，因为它是为此目的创建的：


.icon16{
宽度：16px；
高度：16px；
边界：0px；
边际：0px；
填充：0px 0px 0px 0px；
垂直对齐：顶部；
光标：帮助；
}
.s101字段集图例{
字体大小：12px；
保证金：0自动；
背景：#fff；
}
.s101字段集.s101字段集内容{
填充：8px；
}
.s101字段集.s101字段集内容.图例项{
边框：1px实心#aaa；
字体：13px Verdana；
游标：默认值；
填充物：3px 5px；
}
.s101字段集.s101字段集内容.图例国家部分{
利润率：3px2px 8px；
边缘底部：8px；
背景颜色：金色；
}
.s101字段集.s101字段集内容.图例本地部分{
保证金：2倍；
背景色：白色；
}
.s101字段集.s101字段集内容.图例外部部分{
保证金：2倍；
背景颜色：浅灰色；
}
.s101字段集.s101字段集内容.图例项水平{
保证金：0；
显示：内联块；
}
.s101字段集.s101字段集内容.图例项水平：非（：最后一个子项）{
右边距：2px；
}

传奇
国家部分
局部
外来部分
这就成功了。谢谢不过就我所知。。。为什么这个解决方案有效？为什么设置图像本身的z索引是不够的？可以帮助您了解位置固定、绝对和相对如何与z索引交互。谢谢。这确实解决了我的问题，但是由于其他一些显示限制，我故意不使用
字段集
和
图例
元素。但仍然是+1，因为它确实解决了问题。