html - 为什么我不能将这个 放在下面的 div 上？

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/