为什么我不能定位<a> over the following div?</a>

Question

我在定位方面遇到了问题。有容器div包含另一个div和一个标签（两个单独）我需要一个标签在第二个div上，但是当我使用z-index时它似乎不起作用：

这是jsFiddle

http://jsfiddle.net/7YQhu/

和代码

.container{
    width: 100%; 
    background: yellow; 
    opacity: 0.4; 
    height: 130px;
    position:absolute;
}

.inner {
    position: absolute;
    background: red;
    opacity: 0.5;  
    height: 100px;
    width: 100%;
    margin: 15px 0;
}

.inner-link {
    margin:15px auto;
    background:blue;
    display:block;
    width:100px;
    height: 100px;

    z-index: 99!important;  
}

Answer 1

为<a>创建一个堆叠上下文，为其提供一个非默认位置值static

.inner-link {
    position: relative;
}

http://jsfiddle.net/Adrift/7YQhu/1/

Answer 2

将.inner-link设为position:relative;

Answer 3

添加位置：相对;内部链接类。