Css 嵌套div位置绝对z索引

我有一个嵌套div被其父div覆盖的小问题，在这里已经搜索过了，但是没有解决方案适合我的问题

示例CSS：

内容{ 位置：相对位置； 顶部：80px； 最小高度：530px； 宽度：1000px； z指数：2； } 类别{ 位置：绝对位置； 顶部：-30px； 右：0； z指数：1； } 示例HTML：

<div id="content">
    <div id="category"></div>
</div>

它应该是什么样子的：

嵌套的div类别应粘贴在内容的右上角，并应位于其后面，以便内容覆盖它。 我知道这可能不是最好的处理方式，但我需要这样做，因为整个项目的糟糕风格，我只是稍微调整一下

---

提前谢谢

为了将子元素放在其父元素的后面，必须对z-index使用负值：

类别{ 位置：相对位置； z指数：-1； }

---

实时演示：

为了将子元素放在其父元素后面，必须对z索引使用负值：

类别{ 位置：相对位置； z指数：-1； }

---

现场演示：

category{pointer events:visible；}虽然我认为IE不支持这一点，但这可能会帮助您：category{pointer events:visible；}尽管我认为IE不支持这一点，所以这可能会帮助您：与position:relative结合使用？所以不能用position:absolute？好的，对不起，我想我需要更精确一点，因为这个样本不是我这里的样本。我周围也有一个容器：codecontainer{width:1100px；margin:0auto；}@BenG您必须设置位置才能使z索引工作。不管它是相对的、绝对的还是固定的。谢谢Nikola，让它工作起来了…整个设计真的很糟糕，似乎问题出在其他地方，在清理了整个CSS后让它工作起来了！结合位置：相对？所以不能用position:absolute？好的，对不起，我想我需要更精确一点，因为这个样本不是我这里的样本。我周围也有一个容器：codecontainer{width:1100px；margin:0auto；}@BenG您必须设置位置才能使z索引工作。不管它是相对的、绝对的还是固定的。谢谢Nikola，让它工作起来了…整个设计真的很糟糕，似乎问题出在其他地方，在清理了整个CSS后让它工作起来了！