Javascript 位置：相对于前景的运动图像

我试图在我的网站上实现一个科摩多信托标志。这是一个图像，当你将鼠标移到它上面时，它会弹出一个iframe，其中包含一些关于该站点的安全信息。执行此操作的代码来自第三方

当徽标靠近相对定位的图像时，问题就出现了。该图像显示在iframe的顶部。如果我删除

位置：相对从我的页脚图像中，iframe显示在图像的顶部。但我不能仅仅删除相对定位，因为它会使页面的其余部分失去外观

我把这个问题浓缩成一个问题
 信任标志将
div
注入页面，并将
z-index
设置为0，因此本质上它被置于其他所有内容（包括您的图像）之后

将
z-index
更改为任何其他正整数将更改
iframe
的堆叠顺序并将其放置在图像顶部（只要其高于图像的
z-index
，除非明确设置，否则为1）

将此添加到样式表中应该可以做到这一点（假设徽标总是生成具有相同ID的
div
）：

请注意，包含框架的
div
通过内联样式设置了
z-index
，因此您需要确保它被正确覆盖。
信任徽标将
div
注入页面，并将
z-index
设置为0，因此本质上它被置于其他所有内容（包括您的图像）之后

将
z-index
更改为任何其他正整数将更改
iframe
的堆叠顺序并将其放置在图像顶部（只要其高于图像的
z-index
，除非明确设置，否则为1）

将此添加到样式表中应该可以做到这一点（假设徽标总是生成具有相同ID的
div
）：

请注意，包含帧的
div
通过内联样式设置了其
z-index
，因此您需要确保正确覆盖该属性。
使用
z-index
css属性

#baselineImage
{
    height:10px;
    width:100%;
    position:relative;
    top:-6;
    z-index:-1;
}​

使用
z-index
css属性

#baselineImage
{
    height:10px;
    width:100%;
    position:relative;
    top:-6;
    z-index:-1;
}​

谢谢，我从未听说过
！重要信息
，请参阅。那很方便。明智地使用它！这是迫使规则具有尽可能高的特殊性的一种很好的方法，但它也使得规则极难被推翻。仅在非常特殊的情况下使用！谢谢，我从没听说过
！重要信息
，请参阅。那很方便。明智地使用它！这是迫使规则具有尽可能高的特殊性的一种很好的方法，但它也使得规则极难被推翻。仅在非常特殊的情况下使用！