css樣式如何控制div到最頂層
div+css
Dreamweaver CS5代碼編纂器方式/步調
- 1
新建一個html文件，定名為test.html，用于講解css樣式若何節制div到最頂層。
- 2
在test.html文件內，利用css設置頁面所有的div寬度為300px，高度為300px，div的位置為絕對定位。
- 3
在test.html文件內，建立三個div，并用文字標識，別離為底層div、中層div、最頂層div。
- 4
在test.html文件內，別離給三個div設置class屬性為one、two、three，用于下面臨類名進行樣式設置。
- 5
在css標簽內，設置類名為one的div樣式，設置其布景顏色為紅色，距離頁面左邊緣為0，距離頁面上邊緣為0，同時利用z-index設置其層級為1。
- 6
在css標簽內，設置類名為two的div樣式，設置其布景顏色為黃色，距離頁面左邊緣為50px，距離頁面上邊緣為50px，同時利用z-index設置其層級為2，即在類名為one的div的上面。
- 7
在css標簽內，設置類名為three的div樣式，設置其布景顏色為粉紅色，距離頁面左邊緣為100px，距離頁面上邊緣為100px，同時利用z-index設置其層級為3，即在頁面三個div中的最頂層。
- 8
在瀏覽器打開test.html文件，查看實現的層級結果。
- 發表于 2019-09-12 17:00
- 閱讀 ( 826 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章