CSSz-index使用及部分要求

实现文字显示在图片上

相应CSS代码：

#app ul{
    position: relative;
}
.tipText,tipBg{
    position: absolute;
    top: 697px;
    left: 300px;
}
.tipText{
    z-index: 999;
}
.tipBg{
    background: aqua;
    height: 25px;
    opacity: 0.5;   /* 背景透明度*/
    filter: alpha(50); /* IE8及更早版本支持替代filter属性*/

备注：

filter: alpha(50);为IE8及更早版本支持替代filter属性。