javascript rotator内的标记不会点击

Question

我有一个javascript旋转器，对于其中的每个链接，无论你点击按钮的哪一部分都不允许点击&我不知道为什么：

You can find it live here: 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

从.home-media中删除z-index: -1

Answer 2

如果按钮在页面上的位置是静态的。把它放在一个按钮标签里。How to create an HTML button that acts like a link?

然后更改Z轴，使其(按钮)高于您的旋转木马。https://www.w3schools.com/cssref/pr_pos_z-index.asp