html元素上的标题出现在safari扩展中的popover下

Question

我目前正在将Chrome扩展移植到Safari并遇到一个奇怪的错误。有些元素附有标题以帮助解释它们的作用。这些在Chrome扩展程序中显示并正常工作，但在Safari上它们实际上出现在弹出窗口后面。

以下是一个示例：顶部的是Chrome，底部的是Safari。正如您所看到的，标题在Chrome中显示正常，并说明如果单击该按钮将带您到哪里。在Safari上......不是那么多。

html由javascipt生成，因为这是他们创建的用户内容，但在两个平台上看起来完全相同。

<a href="#" onclick="triggerSearchClick(&quot;12506&quot;)" class="attachment"  style="margin-top: -11px;" title="http://www.apple.com/startpage/">
<img src="img/stream_bookmark_icon.png" class="attachment_icon">
<span class="blast_link">Apple - Start</span></a>

你可以清楚地看到标题在那里，为什么这在Safari中不起作用？有办法解决吗？

Answer 1

.attachment
{
position:absolute;
z-index:1;
}

试试这个。将标题上的z-index设置为大于窗口，以定义元素的堆栈顺序。