怎么用CSS+DIV在圖片上布局文字

zend studio代碼編纂器，版本10.0

百度瀏覽器，版本8.7.5

方式/步調

1
新建一個html文件，定名為test.html，用于講解怎么用CSS+DIV在圖片上結構文字。
2
在test.html文件內，建立一個class為con的div，同時利用img標簽建立一張圖片顯示。
3
在div內，再建立一個class為wz的div，在div內寫上測試的文字。
4
在test.html文件內，利用css初始化body樣式，設置其表里邊距都為0。
5
利用css對class為con的div進行樣式界說，設置其位置屬性為相對定位，寬度、高度都為100px。
6
利用css對class為wz的div進行樣式界說，設置其位置屬性為絕對定位，文字巨細為30px，層級屬性z-index為2，距離頁面邊緣的左邊、頂部都為0。
7
在瀏覽器打開test.html文件，可見，當作功實現文字在圖片的上面。