кнопка не работает, когда псевдо-элемент, используемый для родительского 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.

DEMO

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> 

, который subcribe на форме действия

Теперь, если вы хотите сделать изменения для клиентской части использование расслоения плотной

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

</script> 

Сори за не ГПУ, но ваш Полезным вопрос не ясно