0

私は、私がしtableたい、hideとjQueryshowを使用しています。右上に「閉じる」ボタンを追加したい。

ただし、閉じるボタンは常にテーブルの後ろに表示されるため、表示できません

閉じるボタンをテーブルの前 (上/横ではなく) に表示して、クリックできるようにするにはどうすればよいですか?

<style>
table
{
    border: 3px solid #000000;
    align: center;  
    text-align: center;
    color:#000000;
}

th,td
{
    border-width: 2px;
    border-color: #000000;
    border-style: solid;
}

#RCLPage
{
    display:block;
    position:absolute;
    z-index:100;    
}

.close_box
{
    background-image:url('../tsTest2/images/close.gif');
    background-repeat:no-repeat;
    background-position:right top; 
    position:relative;
    z-index:101;
    //height:10px;
}

#CPSTab
{
    padding:10;
    width:20em; 
}

</style>


<div id="RCLPage">

    <div class="close_box"></div>

    <table id="CPSTab">
        <thead>
            <tr>
                <th colspan="2">The Header</th>
            </tr>
        </thead>
        <tbody>
            <tr><td>Item1</td><td>2</td></tr>
            <tr><td>Item2</td><td>5</td></tr>
            <tr><td>Item3</td><td>3</td></tr>
        </tbody>
    </table>    

</div>
4

4 に答える 4

2

z-index上の div には正の数を、下の div には負の数を指定して、divに追加する必要があります。

例

于 2013-10-24T10:34:39.437 に答える