爲什麼我不能把這個<a>放在下面的div上？

Question

我遇到了定位問題。有容器div其中包含另一個div和一個標籤裏面（兩個分開）我需要一個標籤超過第二個div，但它似乎並沒有工作時，我使用Z指數：

這裏是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

添加位置：相對;內聯課程。