Safari拡張機能のポップオーバーの下に表示されるhtml要素のタイトル

Question

現在、Chrome拡張機能をSafariに移植中で、奇妙なバグが発生しています。いくつかの要素には、自分が何をしているのかを説明するためのタイトルが付けられています。これらはChromeの拡張機能では正常に表示され、動作しますが、実際にはPopoverウィンドウの後ろに表示されます。

ここに例があります：上部にあるものはChrome、下部にあるものはSafariです。あなたが見ることができるように、タイトルはChromeでうまく表示され、クリックするとボタンがどこに表示されますか。サファリで...それほど多くはありません。

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をウィンドウより大きく設定して、要素のスタック順序を定義します。