Question

我有一个信息表，我想要打开和关闭。但是我需要桌子出现在另一个DIV上面。

我可以在信息表上使用z-index和position：absolute获得我想要的效果，但是如果没有pos：absolute，是否可以实现相同的效果？也许与pos：亲戚？我试过了它似乎没有用。

到目前为止，所有代码都很简单，就在这里。

HTML

<div id="btnDiv"></div>
<table id="infoTable">
    <tr>
        <td>Objective Details</td>
        <td>Add task(btn) Image</td>
    </tr>
</table>
<div class="content">CONTENT</div>

CSS

#infoTable{
    display: none;
    position: relative;
    z-index: 10;

}

#btnDiv{
    width: 20px;
    height: 20px;
    background-color: green;
    float: right;
}


.content{
    width:100%;
    height:700px;
    background-color: blue;
}

的jQuery

  $("#btnDiv").click(function showNewDiv(){
    $('#popIn').show();
    $("#popIn").css("z-index", 1);
  });

干杯！

Answer 1

修正了它，我把它们都放在另一个包含div的内部并给出了div位置：relative。

Answer 2

是的，有可能。 z-index属性适用于任何position但static。

因此，制作表格position: relative; z-index: 10和div - position: relative; z-index: 5应该会对您有所帮助。简单演示：http://jsfiddle.net/uSCKJ/

Answer 3

为表格提供负上边距margin-top: -200px

在div上方显示一个没有位置的表：绝对。 HTML / jQuery

3 个答案: