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

Question

我正在尝试在我的网站上实施 Comodo 信任徽标。这是一个图像，当您将鼠标悬停在它上面时，它会弹出一个 iframe，其中包含有关该站点的一些安全信息。执行此操作的代码来自第三方。

当徽标靠近相对定位的图像时，问题就出现了。图像显示在 iframe 的顶部。如果我position:relative;从页脚图像中删除，iframe 会显示在图像顶部。不过，我不能只删除相对定位，因为它会影响页面其余部分的外观。

我已将问题提炼为 jsFiddle HERE。

score 3 · Accepted Answer

信任标志将div一个设置为 0 的页面注入到页面中z-index，因此基本上它被放置在其他所有内容（包括您的图像）之后。

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

将此添加到您的样式表应该可以解决问题（假设徽标始终生成div具有相同 ID 的）：

#tl_popupSC5{
    z-index:1 !important;        
}

请注意，div包含框架的z-index设置是通过内联样式设置的，因此您需要确保它被正确覆盖。

score 1 · Accepted Answer

使用z-indexcss 属性。

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

2 回答 2