Css 在表格单元格的链接下添加带bgcolor的span

我想给表格单元格添加一个简单的条形图

样品

HTML

---

我已经将条形跨距的

z-index

设置为1，将所有其他子项设置为2-但是跨距覆盖了链接，使其不可点击-有什么办法解决这个问题吗

z-index

对未定位元素没有影响（即默认的

位置：静态

）

您需要向该块添加一个位置：

.cell-bar * {
    z-index: 2;
    position: relative;
}

---

z-index

对未定位元素没有影响（即默认的

位置：静态

）

您需要向该块添加一个位置：

.cell-bar * {
    z-index: 2;
    position: relative;
}

试试这个

.cell bar{
位置：相对位置；
}
.牢房酒吧*{
z指数：2；
位置：相对位置；
}
.cell bar>.bar{
位置：绝对位置；
排名：0；
左：0；
底部：0；
右边框：2倍实心rgba（0,0,0,0.05）；
背景色：rgba（255,165,0,0.1）；
z指数：1；
}

试试这个

.cell bar{
位置：相对位置；
}
.牢房酒吧*{
z指数：2；
位置：相对位置；
}
.cell bar>.bar{
位置：绝对位置；
排名：0；
左：0；
底部：0；
右边框：2倍实心rgba（0,0,0,0.05）；
背景色：rgba（255,165,0,0.1）；
z指数：1；
}

完美！我不知道。谢谢，太好了！我不知道。谢谢

.cell-bar * {
    z-index: 2;
    position: relative;
}