2

現在、Chrome 拡張機能を Safari に移植している最中で、奇妙なバグに遭遇しました。一部の要素には、その機能を説明するのに役立つタイトルが付けられています。これらは Chrome 拡張機能で表示され、正常に動作しますが、Safari では実際にはポップオーバー ウィンドウの背後に表示されます。

例を次に示します。上が Chrome、下が Safari です。ご覧のとおり、タイトルは 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 で機能しないのでしょうか? それを修正する方法はありますか？

4

1 に答える 1

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

これを試して。ウィンドウよりも大きいタイトルに z-index を設定して、要素のスタック順序を定義します。

于 2012-05-31T08:43:05.360 に答える