子元素的z-index始终不能大于父元素?

如果一个元素的z-index被css文件或者Javascript代码设置成20,则他的子元素,没法设置成大于20的值,是这样吗,为什么?

去这个链接那里试下就明白了,
子元素的zindex不管怎么修改都是在父元素那里的zindex,父元素需要和同级别的元素比较zindex,然后子元素在父元素中比较和自己同级别的zindex

 http://jsfiddle.net/ZjXMR/

甚至,用!important都无法修改