html - これを次の div の上に配置できないのはなぜですか?

Question

ポジショニングに問題があります。内部に別の div とタグを含むコンテナー div があります (両方とも個別に) 2 番目の 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

位置を追加: 相対; 内部リンク クラスへ。