我想创建以下效果： 页面加载了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
如果我尝试将图像作为元素（'＆lt;'img'＆gt;'）放在div #image中，则图像始终显示在手风琴下方（在z维度中）。 我试过提升div＃image上的z-index和＆lt;'img＆gt;但是图像仍然出现在手风琴下方。
我希望能够在'＆lt;'div＃image'＆gt;'中控制图像的位置为了增强爆炸效果所以我认为如果我可以加载'＆lt;'img'＆gt;'会给我更大的灵活性而不是使用它作为'＆lt;'div'＆gt;'的背景。
注意：这是在Wordpress页面上发生的，但我认为这与此问题无关。
任何建议都将不胜感激。
由于