텍스트 입력이 작동하지 않습니다.

Question

입력 텍스트가 작동하지 않는 이유를 이해할 수 없습니다. 입력 할 때 입력 할 수 없으며, 스크립트와 관련이있는 것으로 입력 할 수 없습니다. 탐색 막대는 일부 픽셀을 스크롤 할 때만 표시됩니다. 검색 입력이 있고 아무 것도 쓰지 않습니다.

<div class="nav" style="width:100%; display:none; margin-top:-400px; height:70px; box-shadow:1px 1px 1px #e2e1e2; position:fixed; z-index:999; background-color:white;"> 
       <img src="images/artiiseconb.png" style="margin-top:12px; margin-left:-1175px;" /> 
       <form method="POST" style="margin-top:-29px; "> 
       <input type="text" placeholder="Search" style="background-image:url('images/searchb2.png'); color:white; text-indent:20px; width:193px; background-color:transparent; height:28px;" /> 
       </form> 
     </div> 

<script> 
    function slider() { 
    if (document.body.scrollTop > 300) //Show the slider after scrolling down 100px 
      $('.nav').show(); 
    else 
      $('.nav').hide(); 
    } 

    $(window).scroll(function() { 
     slider(); 
    }); 

    $(document).ready(function() { 
     slider(); 
    }); 

Answer 1

텍스트 색상을 흰색 이외의 것으로 변경하십시오.

코드를 로컬에서 사용할 때 실제로 작동하지 않는 것처럼 보입니다. 실제로는 흰색 배경에 흰색 텍스트가 있고 입력이 정상적으로 작동 할 때입니다.