Как корректно сделать гиперссылки на элементах слайдера?

Question

[Рундук]

Все элементы на элементах ведут на ссылку с 1 элемента

Comments

[Виталий Першин]

Как вариант просто меняйте z-index

Answer 1

[todaystudio]

Проще использовать любую библиотеку для создания слайдера – Swiper, SlickSlider, OwlCarousel и пр.
Такой подход намного функциональнее и проще, чем изобретать велосипед.
Ниже код из документации Swiper, где в блоках .swiper-slide можно вставлять любые объекты в роли элементов карусели. В вашем случае, их можно обернуть в нужные ссылки.

<!-- Slider main container -->
<div class="swiper">
  <!-- Additional required wrapper -->
  <div class="swiper-wrapper">
    <!-- Slides -->
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
    ...
  </div>
  <!-- If we need pagination -->
  <div class="swiper-pagination"></div>

  <!-- If we need navigation buttons -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>

  <!-- If we need scrollbar -->
  <div class="swiper-scrollbar"></div>
</div>