Javascript 在页面中间滑动面板。给定的Z索引不起作用

我正在实现滑动面板元素，但问题是当我滑出另一个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>

联系我
感谢您查看我的jQuery插件，我希望您觉得这很有用。

这可以是提交反馈或联系信息的表单

这是我滑进滑出的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>

询问专家贸易论坛
WD-40是DIY技巧和窍门的主要来源

跟我们走

滑动div位于页面的左侧，有效div位于页面的右侧

---

我想使用z-index、positioning元素和overflow属性会有所帮助。

首先，这段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>

联系我
感谢您查看我的jQuery插件，我希望您觉得这很有用。

这可以是提交反馈或联系信息的表单

该部门的结账日期在哪里

<div class="slide-out-div">

---

此外，如果没有附带的CSS，很难确定这是否也是问题所在。

您是否将position:与z-index一起使用？是的，我将z-index提供给vrcontrol div