Question

我的<table>元素很少。我只使用一个css属性position: relative;来设置它们的样式，以显示一些您可以在我的屏幕上看到的额外信息。但是，如果两个表元素被设置样式，其中一个被另一个隐藏，我不知道为什么。我可以在左侧使用z-index: 1;，但我相信这不是解决问题的最佳方法。我尝试了溢出和可见性属性，但它们都没有工作。

link

Answer 1

请注意，我们需要您分享您的代码，以便我们确定问题所在。但我会尽力帮助你。

我将从您的图片中假设您正在使用position: relative容器，对于position: absolute的蓝色条纹，对吧？

在这种情况下，请从相关元素中删除z-index，并仅在position: absolute上设置它，如下面的示例所示。希望它有所帮助：

＆＃13;

.relative {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid black;
  background: white;
}

.absolute {
  position: absolute;
  top: 5px;
  left: 20px;
  width: 100px;
  height: 20px;
  background: red;
  z-index: 100;
}

＆＃13;

<table>
  <tr>
    <td class="relative">
      <div class="absolute"></div>
    </td>
    <td class="relative">
      <div class="absolute"></div>
    </td>
  </tr>
</table>

＆＃13;

CSS - 相对元素隐藏另一个元素

1 个答案: