というわけで、Photoshop スライスを使ってページを作成したところ、JQuery コードが表示されないことに気付きました。画像の下に隠れていると思われるので、z-indexを試してみましたが役に立ちませんでした。
JQueryアイテムを画像の前に表示する方法はありますか? 画像のスライスを削除すると表示されます。
編集:申し訳ありません:可能な場合は、画像とコードのサンプルを提供させてください。
この Web サイトの JQuery プラグインを使用しました: http://gristmill.github.com/jquery-popbox/
コードのスニペット、基本的には、連絡先がクリックされたときに連絡先ボックスをポップアップ表示するモックを作成しようとしています。ただし、次のようになりました: http://i.stack.imgur.com/YUAhx.png
#tweetspage-07 {
position:absolute;
left:564px;
top:1px;
width:108px;
height:59px;
z-index:-1;
}
<!--Contacts-->
<div id="tweetspage-07">
<div class='popbox'>
<a class='open' href='#'><img src="images/tweetspage_07.png" width="108" height="59" alt=""></a>
<div class='collapse'>
<div class='box'>
<div class='arrow'></div>
<div class='arrow-border'></div>
Content in PopBox goes here :)
<a href="#" class="close">close</a>
</div>
</div>
</div>