safari 扩展中弹出窗口下显示的 html 元素上的标题答案

【问题标题】：titles on html elements showing up under popover in safari extensionsafari 扩展中弹出窗口下显示的 html 元素上的标题
【发布时间】：2012-04-18 20:09:22
【问题描述】：

我目前正在将 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 中不起作用？有办法解决吗？

【问题讨论】：

有人对此有任何想法吗？
我刚刚复制了你在这里的内容，它在我的 safari 上运行良好，你能确认你的 safari 版本是什么，它不能在其中运行吗？

标签： javascript html safari safari-extension

【解决方案1】：

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

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

【讨论】：