怎么用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文件，可见，当作功实现文字在图片的上面。