Question

我有一些内容，我只想在其上显示其他代码，使用Jquery slidedown作为叠加层。我已经添加了z-index属性，但我无法使其工作。

我希望带有“selection_nip”类的div在类“”

的顶部显示为叠加层

抱歉格式不正确。

HTML代码

    <div id="ask_question_post_envelop" class="bottom_border_radius" style="position:relative; z-index:10;">

                <div class="selection_nip" style="display:none; position:relative; z-index:1000;"></div>
                    <span id="arrow-dashboard" class="arrow-dashboard"></span>
                    <div id="avatar-wraper" class="avatar-wraper">
                        <a href="#" class="post-avatar" id="" ><img id="avatar-img" src="<?php echo $user_data['photo'];?>" border="0" alt=""></a>
                    </div>  

                    <div id="form_wrapper_question" class="form_wrapper_question" >
                        <!--    ONDE ENTRAM TODAS AS FORMS         -->  
                </div>



                <div id="" class="question-page-form_wrapper" name="profile_identifier" style="position:relative; z-index:10;">
                    <div style='height: 0px;width: 0px; overflow:hidden;'>
                        <input id="profile_id" type="text" name="profile_id" value="<?php echo $profile_data['user_id']; ?>"/>
                    </div>
               </div>
   </div>

Answer 1

您需要将div“selection_nip”与位置absolute放在一起。

#selection_nip {
    position: absolute;
    top: 0px;
    left: 0px;
}

它将位于div #ask_question_post_envelop内容（具有位置相对的第一个父级）之上。

你会得到类似的东西： Fiddle

Jquery滑入显示其他内容之上

1 个答案: