Html 边框/帧覆盖块内容

我想有一个固定的框架和它背后的内容流动。我是用边境的财产做的。但问题是，带边框的图层下面的内容无法访问。它当然是可见的，但你不能选择文本（没问题）或点击链接（大问题）

我的问题是如何使内容可访问，但仍然保持框架在顶部

我不是一个专业人士，这是一个个人投资组合页面，我希望通过html5/css3保持它的简单和干净。如果纯css不可能，我可能会容忍一点javascrip。可能是带有“剪辑路径”、“遮罩”的内容，或者框架不是用“边框”制作的，而是没有填充的SVG矩形？希望这只是对html和/或z索引的巧妙重新排列？我试了一天，但没能成功

我用图形表示来说明问题：

代码如下：

*{框大小：边框框；}
html，正文{margin:0；}
身体{
字体系列：无衬线；
字体大小：粗体；
}
.max、.content{
溢出：隐藏；
}
麦克斯先生{
位置：固定；
边框：1米纯黑；
顶部：2米；
右：2米；
底部：2米；
左：2米；
}
.1、.2{
位置：绝对位置；
字号：2em；
颜色：白色；
背景色：黑色；
填充：0.1米；
}
.一{
顶部：-0.25em；
左：0；
}
.二{
底部：-0.25em；
右：0；
}
.内容{
显示器：flex；
宽度：100%；
高度：100vh；
}
.链接{
保证金：自动；
颜色：白色；
}
.内容：第n个孩子（1）{
背景色：红色；
}
.内容：第n个孩子（2）{
背景颜色：绿色；
}
.内容：第n个孩子（3）{
背景颜色：蓝色；
}

我是一个。。。
固定框架

您可以通过添加z索引来实现。查看下面的链接

---

您可以使用

指针事件：无但这不是很友好。这将允许您“点击”框架。
这正是我不想要的。这样，内容（链接）就会在框架/边框上方滚动。正如我所解释的，我需要保持框架在内容的顶部/上方。这很有效！框架的某些部分将是标题和导航-“我是…”和“固定框架”在示例中。它们应该保持可互换性。通过给他们一个自己的值“指针事件：自动”，这实际上也起到了作用；但是对于旧的IE有解决方法吗？非常感谢。但我仍然对SVG风格的解决方案感兴趣，因为它说，如果与SVG结合，对“指针事件”的支持可以追溯到IE9。有人能帮我弄清楚如何用SVG而不是“边框”实现框架吗？
h1{
    position:relative;
    z-index:1;
}