一、CSS中的盒狀模型：
二、CSS中的Z-index：
CSS可以處理高度、寬度、深度三個(gè)維度。如何令不同元素具有層次？簡(jiǎn)言之，就是關(guān)于元素堆疊的次序問(wèn)題。
為此，你可以為每個(gè)元素指定一個(gè)數(shù)字（z-index）。其原理是：數(shù)字較大的元素將疊加在數(shù)字較小的元素之上。比方說(shuō)，我們正在打撲克，并且拿了一手同花大順。我們可以通過(guò)為各張牌設(shè)定一個(gè)z-index的方式來(lái)表示這手牌：
下面是如何使用Z-index來(lái)進(jìn)行層次的疊加，該方法雖然簡(jiǎn)單，但卻能應(yīng)付許多情況。你可以將圖片疊加到文本之上，也可以將文本疊加到文本之上等等。
#ten_of_diamonds {
position: absolute;
left: 100px;
bottom: 100px;
z-index: 1;
}
#jack_of_diamonds {
position: absolute;
left: 115px;
bottom: 115px;
z-index: 2;
}
#queen_of_diamonds {
position: absolute;
left: 130px;
bottom: 130px;
z-index: 3;
}
#king_of_diamonds {
position: absolute;
left: 145px;
bottom: 145px;
z-index: 4;
}
#ace_of_diamonds {
position: absolute;
left: 160px;
bottom: 160px;
z-index: 5;
}
-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要盡力打好一手爛牌。
posted on 2008-08-01 21:57
Paul Lin 閱讀(326)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
Web基礎(chǔ)