我如何定位低于父UL子UL用z-index

我试图定位父下我的孩子UL UL所以我有我如何定位低于父UL子UL用z-index

代码snipplet

ul { 
    position: relative; 
    z-index: 5; 
} 
li ul { 
    position: absolute; 
    z-index: 2; 
}

但我仍然有我的孩子在父母之上，为什么呢。用普通的老式div，我可以使用z-index为什么不用uls？ http://jsfiddle.net/MjHBT/

2011-02-26 Jiew Meng

试试这个

ul { 
    position: relative; 
} 
li ul { 
    position: absolute; 
    z-index: -2; 
}

换句话说，除去z-index家长和给孩子一个负z-index。这会导致子菜单的悬停失败，但有关负向z-索引的内容感觉不对。

2011-02-26 02:36:26 zdyn

雅...我读的地方-ve z-index不工作在FF2，我想它会导致失去了悬停 – 2011-02-26 04:44:51

@jiewmeng，那么我怕你想要的是不可能的。负Z指数已经是一种破解。父母不应该有可能超过其子女。 – zdyn 2011-02-26 05:00:25

-1

添加到孩子ul位置：absolute;

ul { 
    position: relative; 
    z-index: 5; 
} 
li ul { 
    z-index: 1; 
    position:absolute; 
}

2011-02-26 01:11:29 hish

嗯，它已经定位的绝对，从jsfiddle.net/hjJYN/ – 2011-02-26 01:35:17

你可以给这个嵌套的ul一个margin-top：0，将它放在较低的位置，并给它一个方形的角落。它看起来不错，然后

2011-04-29 19:56:26

回答