Unslider 导航和箭头定位

Unslider Navigation and Arrows Positioning

我正在使用 Unslider,但在定位箭头和导航时遇到问题,原因很简单,因为当使用 jQuery 创建滑块时,它会在 [= 之外添加导航和箭头19=] 调用滑块的位置。

<section class="slider">
  <ul>
    <li><img src="imgs/banner-1.jpg" alt=""></li>
    <li><img src="imgs/banner-2.jpg" alt=""></li>
    <li><img src="imgs/banner-3.jpg" alt=""></li>
  </ul>

</section>

<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>

<nav class="unslider-nav">
  <ol>
    <li data-slide="0">1</li>
    <li data-slide="1">2</li>
    <li data-slide="2">3</li>
  </ol>
</nav>

导航按钮出现在 <section> 标记之后,因此我无法定位它们,以便当浏览器调整大小时箭头和导航保持在原位。

我确定这是一个简单的解决方案,我错过了什么?

我最终改用了 owlgraphic.com。 CSS.

更灵活