greater z-index within lower z-index?

Question

I cannot seem to figure out a way to assign greater `z-index` priority to an element that has a parent with a lower `z-index` than an overlay element. Consider this example: ```

``` The result: The expected result:

Accepted Answer

You can do this, but only if the parent doesn't have a `position: relative` or `absolute` property on it. So if you remove the `position: absolute` from the first div, it'll work as expected.

jsFiddle: http://jsfiddle.net/GEnHC/

greater z-index within lower z-index?

Solution

Problem