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