0

您好,感谢您花时间研究我的问题。

我正在尝试实现一个看起来像这样的菜单:

这里的主要内容是为任一侧创建这些三角形,然后将它们放置在菜单下方以赋予其 3d 效果。

我让它工作只是在上面的网站上找到,但我似乎无法让它在这个其他项目上工作。

这是我试图让它工作的网站

设置 将z-index: -1;三角形放在所有背景图像后面,包括白色背景body,在其他站点设置中,z-index: -1;将三角形放在身体背景上方。

我尝试将所有背景图像设置为z-index: -1;,将三角形设置为z-index: 1;,将菜单设置为,z-index: 2;但仍然无法正常工作。

谁能让我更好地了解如何在我的特定情况下使用 z-index 属性?

谢谢你。

4

2 回答 2

0

我能够通过使用这个答案找出我的问题:stackoverflow.com/questions/8456575/3d-ribbon-corners-how-to-do

于 2012-11-30T21:25:38.807 回答
0

好的,我很难弄清楚你到底在看/想要什么,但是你正在使用的这些元素是定位的,对吗?如果 Z-index 未定位为绝对、相对或固定,则 Z-index 将不起作用。

Z-index 上的 W3Schools

于 2012-11-30T17:47:02.473 回答