z-index问题 - 在菜单下方定位css3三角形

时间:2012-11-29 01:08:46

标签: html css html5 css3 z-index

嗨,谢谢你花时间研究我的问题。

我正在尝试实现一个看起来just like this的菜单:

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

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

以下是site I am trying to get it to work with

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

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

任何人都可以让我更好地了解如何在我的特定情况下使用z-index属性吗?

谢谢。

2 个答案:

答案 0 :(得分:0)

好吧,我无法弄清楚你正在寻找/想要的是什么,但是你正在使用的这些元素是正确定位的吗?如果Z-index未定位为绝对,相对或固定,则它们将无法工作。

W3Schools on Z-index

答案 1 :(得分:0)

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