Javascript 如何制作Cycle2'；谁的第一个孩子不是滑梯？

我正试图利用cycle2的Jquery插件制作一个网页。我遇到的问题是，我希望滑块上有某些元素（箭头、段落）。我不想“绝对定位”我的元素，因为我想让它们由页面的流程决定，但由于某些原因，我无法将元素放置在实际幻灯片之前

HTML示例：

<div class="cycle-slideshow slide-container" data-cycle-fx="fade" data-cycle-slides="> div.slide"
     style="position: relative;">

    <div class="triangle">
        <p>Test123</p>
    </div>

    <div class="slide">
            <h2>Test123</h2>
    </div>

   <div class="slide">
            <h2>Test123</h2>
    </div>

测试123

测试123
测试123

问题是，每当我打开页面时，第一个子元素都会放在.triangle div的前面，因此我希望在幻灯片之前放置的所有元素都会隐藏在幻灯片之间

有没有办法制作第一个元素或粘贴，或者，我是否在监督一些简单的CSS技巧，以便将“相对”项放置在滑块上

这就是我的dom返回的结果（较小的三角形与图像中的三角形元素无关）：

当我将第二个元素从dom拖动到“第一个位置：

---

第二张图片是我想要的效果，没有使用绝对位置。

我们有没有可能看到您的网站或动作示例？我添加了两张图片来解释我的意思，希望这能进一步澄清？