Css 将div放入<；td>；表后面的标记-z索引

我试图将

放置在

标记中，但希望将div移到表本身后面。这在某种程度上不适用于正常的z索引

我知道我可以用一个负的z-索引将它移到后面，但这会导致它消失在我的身体、内容等后面。我也可以将它们的z-索引更改为负值，但这会导致其他问题

有没有其他方法可以解决我想做的事情？ 基本上，我希望将带有转换后美元价格的

显示在表格后面，并将鼠标悬停在

上。之前，它不应该是可见的

---

您需要在父对象的父对象上设置z索引，并在子对象上设置负z索引以隐藏div

基本上：

tr{
位置：相对位置；
z指数：1；
}
运输署{
位置：相对位置；
z指数：初始值；
}
div{
位置：绝对位置；
z指数：-1；
}

如果不使用z索引，一个非常简单的方法是在光标悬停在字体上时更改字体的颜色。我试着用z-index来做，但没有成功：（

为什么要用z-index？只需显示和隐藏（这并不一定是好的UX）.因为我想让它从左向右移动，从欧元价格后面移动，我会尝试只使用CSS来实现这一点。这样做吧。你不能把它放在它自己的父级后面，但你也没有找到任何需要这样做的原因。正如我提到的，我不确定如何实现这一点，因为div总是这已经超过了td。但我想把它以td后面的形式移动。重点是：不要这样做。你描述的内容不需要你使用z索引。从左向右移动与a索引没有任何关系。使用显示、隐藏和定位。在任何情况下，你的问题可能会被关闭，因为你没有发布所有的relevant代码。谢谢你的回复。这实际上是我到目前为止所做的。但问题是，这会使它消失在我的身体后面，#content div等。这同样可以通过将其值更改为较低的负z索引来解决，但这会导致进一步的z索引问题。我确实在寻找替代方法。也许你可以尝试使用

不透明度

而不是

z-index

，以（或多或少）模拟功能，而不会出现使用

z-index

es带来的麻烦？

<table>
    <tbody>
        <tr>
            <td>London</td><td>Rome</td><td>300€<div>=330$</div></td>
        </tr>
        <tr>
            <td>Paris</td><td>Madrid</td><td>200€<div>=320$</div></td>
        </tr>
    </tbody>
</table

div {
    position: absolute;
    z-index: 100
}

table, tbody, tr, td {
    position: relative;
    z-index: 0;
}





/* Just some styling nvm */

table {
    background: lightblue;
}

td { position: relative; padding: 5px 15px; }

div {
    background: lightgrey;
    width: 40px;
    transition: all 0.2s;
    top: 5px;
    right: 0;
}
tr:hover div { 
    right: -40px;
}