当伪元素用于父div时，按钮不起作用。

Question

用于父级帮助的伪元素时，按钮无法工作，我在下面的js小提琴中演示了我的工作：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

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

不要使用z-index:-1。

演示

Answer 2

你什么意思?？如何使用按钮链接js代码？

如果您想获取服务器端的输入值和php的输入值，例如，您需要将

<form method="your method" action="your action">


    <input name="yournameInput" ></input>
    <input name="yournameInput" ></input>
    <button id="mybtn" type="subcribe"></button>

</form>

这将在您的表单操作中进行描述。

现在，如果您想对客户端进行修改，请使用js。

<script>
  var btn = document.getElementById('mybtn');
  btn.addEventListener('click', function(evt){
    evt.preventDefault();
    // your action
  });

</script>

你的问题还不清楚