Jquery 如何在手风琴上加载图像

我想创建以下效果： 页面加载jqueryUI手风琴。在手风琴上方（理论上是更高的z索引）加载图像。图像是观众看到的第一件事。单击图像时，它会使用jquery效果“爆炸”，显示手风琴。本质上，我有这个工作，但我正在寻找一个更好的解决方案加载到页面上的图像。目前，我唯一能做到这一点的方法是使用以下结构：

<div id="image container">//Positioned "relative" in the css
  <div id="image"></div>//The image is added as a background in the css, positioned as "absolute"
  <div id="accordion">
  .
  .
  .
 </div>//End accordion
</div>// End Image Container

//在css中定位为“相对”
//图像作为背景添加到css中，定位为“绝对”
.
.
.
//手风琴
//结束图像容器

如果我试图将图像作为一个元素（“”）放在div#图像中，那么图像总是出现在手风琴的下方（在z维中）。

---

我已经尝试提升div#图像上的z索引，为什么不在jquery“explode”事件之后才能看到手风琴？控制图像的位置应该足够简单，只要将其放在面板中并使用相对定位即可。我同意Javalsu关于ui.panel不可见的观点，直到图像被分解。即使是看不见的，它仍然应该占据预期的空间，并使您能够放置图像。@DevlshOne:谢谢您的回复。如果我把图像用标签放在里面，那么它总是出现在手风琴下面。即使将z索引提升到某个高得离谱的数字也不能解决问题。@Javalsu：谢谢，这让我找到了一个更好的解决方案。