如何通过z-index更改外观顺序?

如何通过z-index更改外观顺序?

问题描述:

对于z-index如何工作,我必须有点模糊,因为我有这个jsFiddle,我似乎无法按照需要重新排列某些元素。我希望红色框出现在文字后面。有人可以解释我如何做到这一点?如何通过z-index更改外观顺序?

的jsfiddle:http://jsfiddle.net/sightofnick/u2pa4/

z-index不是以像素为单位,it's just an integer。而不是z-index:10px,请尝试z-index:10。还请注意,这仅适用于定位元素,这意味着那些已被设置为absoluterelative的元素。

+0

仍然没有工作:/ – nkcmr

+1

你的元素也必须有'位置:(相对|绝对)'的'Z-index'具有效力。 – Sampson

您必须使用position:absolute |相对于NAV太

看到这个http://jsfiddle.net/u2pa4/4/