javascript - Sliding panel in the middle of the page. Z-index given not working -
i implementing sliding panel element problem when slide out other div element floating down.
i guess , tried give z-index element sliding doesn't seems work.
let me put code both 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 checking out jquery plugin, hope find useful. </p> <p>this can form submit feedback, or contact info</p> </div>
this div sliding in , out , beneath code of effective div.
<div class="askform"> <p class="titletext">ask expert trade forum</p> <p class="detailtext">wd-40’s leading source diy tips , 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 on</span><span class="right"><img src="images/bookmark.jpg" width="121" height="45" alt="bookmark" /></span> </div> </div>
sliding div in left portion of page , effective div in right portion of page.
i guess z-index, positioning element , overflow properties something.
for starters, block of html malformed:
<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 checking out jquery plugin, hope find useful. </p> <p>this can form submit feedback, or contact info</p> </div>
where' closing </div>
div?
<div class="slide-out-div">
also, without accompanying css, it's hard determine whether problem well.
Comments
Post a Comment