如何使 html 文本高于绝对定位的元素？答案

【问题标题】：How to make html text rise above absolutely positioned element?如何使 html 文本高于绝对定位的元素？
【发布时间】：2014-05-08 05:28:31
【问题描述】：

我试图让一些硬编码文本显示在绝对定位的元素上方，该元素是使用 z-index 的图像，但无济于事。

我有什么遗漏吗？

.repay {
    font-family:Arial,Helvetica, sans-serif;
    font-size:18px;
    color:#444;
    text-align:center;
    font-weight:bold;
    margin:40px 0px 30px 0px;
    z-index:10001;
}

.sliderbubble-repay {
    width:227px;
    height:140px;
    background:url('../images/white-sliderbubble.png') no-repeat;
    position:absolute;
    top:119px;
    left:255px;
    z-index:1;
}

【问题讨论】：

标签： html css absolute

【解决方案1】：

元素需要有position:absolute; 或position:relative; 才能使z-index 工作。

尝试将position:relative; 添加到.repay

【讨论】：