柯佳思吃吃吃

CSS 中的 Z-index 用於設置節點的堆疊順序，數字越大的在越上面

範例:

<style type="text/css">
#p1{
    position:absolute;
    top:10px;
    left:10px;
    width:100px;
    height:100px;
    background-color:#00dc03;
    z-index:1;
}
#p2{
    position:absolute;
    top:30px;
    left:30px;
    width:100px;
    height:100px;
    background-color:#fdff55;
    z-index:2;
}

</style>

<div id="p1">
 <span class="p1">z-index:1</span></div>
<div id="p2">
 <span class="p2">z-index:2</span></div>

 

顯示結果 :

完畢。