0

我想创建以下效果： 使用 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

如果我尝试将图像作为元素（'<'img'>'）放入 div#image 中，则图像始终出现在手风琴下方（在 z 维度中）。我尝试提升 div#image 和 <'img> 上的 z-index，但图像仍然出现在手风琴下方。

我希望能够控制图像在 '<'div#image'>' 中的位置以增强爆炸效果，所以我认为如果我可以加载 '<'img'>' 会给我更大的灵活性而不是将其用作'<'div'>'的背景。

注意：这发生在 Wordpress 页面上，但我认为这与问题无关。

任何建议将不胜感激。

谢谢

4

0 回答 0