페이지 중간에 슬라이딩 패널. 작동하지 않는 Z- 인덱스

Question

슬라이딩 패널 요소를 구현하고 있지만 문제가 다른 div 요소가 밖으로 떠있을 때 부동입니다.

나는 슬라이딩하는 요소에 Z- 인덱스를 제공하려하지만 작동하지 않는 것 같습니다.

두 div에 대한 코드를 입력하겠습니다.

<div class="vrcontrol"> 
     <div class="slide-out-div"> 
     <a class="handle" href="http://link-for-non-js-users.html">Content</a> 
     <h3>Contact me</h3> 
     <p>Thanks for checking out my jQuery plugin, I hope you find this useful. 
     </p> 
     <p>This can be a form to submit feedback, or contact info</p> 
</div> 

여기는 div입니다. 나는 슬라이딩하고 내리고 있습니다. 아래에는 효과적인 div 코드가 있습니다.

<div class="askform"> 
    <p class="titletext">Ask an Expert Trade Forum</p> 
    <p class="detailtext">WD-40’s leading source for DIY tips and tricks.</p> 
    <span> 
    <form id="askform" name="askform" action="" method="post"> 
    <span class="left"><input name="input" type="text" class="askinputbox"/></span><span class="marginleft"><input type="image" src="images/search_icon.gif" /></span> 
    </form> 
    </span> 
    <div class="followus"> 
    <span class="followtext">Follow us on</span><span class="right"><img src="images/bookmark.jpg" width="121" height="45" alt="Bookmark" /></span> 
    </div> 
    </div> 

슬라이딩 DIV는 페이지의 좌측 부분에 효과적인 DIV 페이지의 오른쪽 부분이다.

Z- 인덱스, 위치 지정 요소 및 오버플로 속성이 뭔가를 수행 할 것으로 생각됩니다.

Answer 1

우선, HTML의 블록이 잘못되었습니다 :

<div class="vrcontrol"> 
     <div class="slide-out-div"> 
     <a class="handle" href="http://link-for-non-js-users.html">Content</a> 
     <h3>Contact me</h3> 
     <p>Thanks for checking out my jQuery plugin, I hope you find this useful. 
     </p> 
     <p>This can be a form to submit feedback, or contact info</p> 
</div> 

경우이 사업부에 대한 '폐쇄 </div>?

또한 CSS가없는 경우에도 문제인지 여부를 판단하기가 어렵습니다.