javascript rotator中的標簽不會點擊

Question

我有一個javascript旋轉器，其中的每個鏈接都不允許點擊，無論您單擊按鈕的哪一部分，我也不知道為什么：

您可以在此處實時找到它：http://benpotterstaging.com/

^這是無效的按鈕。

這是代碼：

 <div data-owl-auto="true" data-owl-loop="true" data-owl-speed="5500" data-owl-gap="0" data-owl-nav="false" data-owl-dots="true" data-owl-animate-in="" data-owl-animate-out="" data-owl-item="1" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-nav-left="&lt;i class=&quot;fa fa-angle-left&quot;&gt;&lt;/i&gt;" data-owl-nav-right="&lt;i class=&quot;fa fa-angle-right&quot;&gt;&lt;/i&gt;" class="owl-slider home-media__slider"> <div class="media-item"> <div class="media-item__thumbnail"><img src="<?php echo get_bloginfo('template_url') . '/'; ?>public/images/slider/01.jpg" alt=""></div> <div class="media-item__content"> <div class="container"> <h3 class="media-item__title">Putting children first. <br> Preparing the next generation for success in life.</h3><a href="<?php echo get_home_url(); ?>/book-a-tour/" class="media-item__link active">Book a tour</a> </div> </div> </div> <div class="media-item"> <div class="media-item__thumbnail"><img src="<?php echo get_bloginfo('template_url') . '/'; ?>public/images/slider/02.jpg" alt=""></div> <div class="media-item__content"> <div class="container"> <h3 class="media-item__title">Putting children first. <br> Preparing the next generation for success in life.</h3><a href="<?php echo get_home_url(); ?>/book-a-tour/" class="media-item__link active">Book a tour</a> </div> </div> </div> </div> <div class="owl-slider__control owl-slider__prev"></div> <div class="owl-slider__control owl-slider__next"></div> </div> 

謝謝您的幫助！！！

Answer 1

如果按鈕在頁面上的位置將是靜態的。 將其放在按鈕標簽中。 如何創建充當鏈接的HTML按鈕？

然后更改Z-index，使其（按鈕）在轉盤上方。 https://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

從.home-media刪除z-index: -1