Question

我正在实现滑动面板元素，但问题是当我滑出其他div元素时会浮动。

我猜并尝试将z-index赋予我正在滑动的元素，但它似乎不起作用。

让我为两个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-index，定位元素和溢出属性会有所作为。

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的结束</div>在哪里？

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

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

页面中间的滑动面板。 Z指数不起作用

1 个答案: