Jquery的
疊加是在前端開發中比較常見的一個技術，它可以讓我們在頁面上方便地展示不同的內容。
我們可以使用Jquery通過CSS的定位（position）屬性來實現
的疊加，從而顯示不同內容。
#box1{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
background-color:#FF00FF;
}
#box2{
position:absolute;
left:50px;
top:50px;
width:100px;
height:100px;
background-color:#00FF00;
}在上面的代碼中，我們定義了兩個
元素，通過設置他們的position屬性為absolute（絕對定位），然后設置left和top的值，使得他們的位置重疊。
最后，通過設置他們的z-index屬性，來確定哪個元素應該在另一個元素的上方顯示。
#box1{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
background-color:#FF00FF;
z-index:2;
}
#box2{
position:absolute;
left:50px;
top:50px;
width:100px;
height:100px;
background-color:#00FF00;
z-index:1;
}這個例子中，我們設置了box1的z-index為2，box2的z-index為1，所以box1會顯示在box2的上方。
總結來說，通過設置position屬性和z-index屬性，我們可以很方便地實現
的疊加效果，使得頁面展示更加豐富多彩。
下一篇從頁面修改css