div相对定位与绝对定位实现文字覆盖图片

1、效果图

2、div 中有一个ul，ul包含4个li,每个li样式一样实现如下效果

3、每个li的html结构为：

4、样式代码：

5、样式代码说明：

每个li的高度＝图片的高度＝覆盖文字的高度