您好，感谢您抽出宝贵时间研究我的问题。
我正在尝试实现一个看起来像这样的菜单：
这里的主要内容是为任一侧创建这些三角形，然后将它们放置在菜单下方以使其具有 3D 效果。
我让它工作只是在上面的网站上找到，但我似乎无法让它在其他项目上工作。
这是我试图让它工作的网站：
设置z-index: -1;将三角形放在所有背景图像后面，包括body上的白色 bg，而在另一个站点设置中，z-index: -1;将三角形留在正文 bg 的正上方。
我尝试将所有 bg 图像设置为 z-index: -1;，将三角形设置为 z-index: 1;，将菜单设置为 z-index: 2;但仍然无法正常工作。
谁能给我一些关于如何在我的特定情况下使用 z-index 属性的更好见解？
谢谢。
好吧，我很难弄清楚你到底在看/想要什么，但你正在使用的这些元素是定位的，对吗？如果 Z 索引未定位为绝对、相对或固定，则它们将不起作用。
W3Z指数上的学校
我能够使用此答案找出我的问题：stackoverflow.com/questions/8456575/3d-ribbon-corners-how-to-do