javascript - 当伪元素用于父 div 时按钮不起作用

Question

当伪元素用于父元素时按钮不起作用请帮助我在下面的 js fiddle 中演示我的工作: https://jsfiddle.net/uv5u5rLk/

<div class="slide_wrapper">
    <!--Slide_area_start-->
<div class="slide_area ">
        <!--Slide_content_area_start-->
<div class="slide_content_area clearfix">
            <h1>Welcome to KBC</h1>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<input type="button" class = "slide_content_button btn" >
<div class="slide_content_button btn" ><a href="#">Know More</a>      </div>
        </div>
        <!--Slide_content_area_end-->
</div>
    <!--Slide_area_end-->
</div>

Answer 1

只需将 .slide_area 中的 z-index 更改为 z-index:1。

不要使用z-index:-1。

DEMO