使用jquery动画div时CSS z-index不起作用？

Question

任何人都可以帮助我在蓝色段落上进行红色滚动吗？

http://jsfiddle.net/B3rQR/1/

我尝试使用z-index，但无法使其正常工作：

div {
    z-index: 1;
}

p {
    background-color: blue;
    z-index: 0;
}

很抱歉，如果这是一个菜鸟问题。

提前致谢！

Answer 1

当然，只需将position:relative;添加到div的规则中即可。 z-index仅适用于定位元素。

<强> jsFiddle example

Answer 2

您可以定位<ul>或<div> - 例如

ul {
background-color: yellow;
width: 100%;
height: 50px;
z-index: 1; /* z-index doesn't work on statically positioned elements */
position: relative;
}

http://jsfiddle.net/B3rQR/2/

Answer 3

在div

中添加position: relative;