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

标签 javascript html safari safari-extension

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

举个例子:上面的是 Chrome,下面的是 Safari。如您所见,标题在 Chrome 中显示良好,并说明如果单击按钮将带您到哪里。在 Safari 上……没那么多。

Chrome Extension

enter image description here

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 中不起作用?有办法解决吗?

最佳答案

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

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

关于javascript - safari 扩展中弹出窗口下显示的 html 元素上的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10217181/

相关文章:

html - safari 的 CSS 默认字母间距与其他浏览器不同

javascript - 当字符串值包含逗号时,JSON.parse 在 Safari 中失败

javascript - 从工具提示中的按钮进行 Ajax 调用

javascript - 触发方法定义在 javascript 对象中,但在对象本身之外

javascript - 如果div有class变化内容——三种情况

javascript - Mongodb将文档推送到嵌套在对象值中的数组中

html - 如何在电脑和手机上显示相同的字体粗细?

java - 表单提交发送不需要的 GET 请求

javascript - 如果用户的设备是 iOS,如何更改字体系列 css

macos - Safari 12 中不支持的 Safari 扩展的修复/解决方法?