標籤<a>不可點擊的相對定位塊

-1

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Asia Maldivas</title> 
     <link rel="stylesheet" href="css/reset.css"> 
     <link rel="stylesheet" href="css/style.css"> 
    </head> 
    <body> 
     <a href="#">TEST OUTER RELATIVE</a> 
     <div class="bg"> 
      <a href="#">TEST</a> 
     </div> 
    </body> 
</html>

的CSS：

.bg { 
    position: relative; 
    background: linear-gradient(to bottom, rgba(18,138,167,0.95) 30px,rgba(62,195,209,0.95) 7%,rgba(12,115,160,1) 100%); 
    z-index: -1; 
} 

a { 
    text-decoration: underline; 
    z-index: 99; 
}

現在我有一個鏈接，無法點擊，我不明白爲什麼。

來源

2016-03-10 ovod

更改z-index作品。我假設它把它放在某個東西后面，這使得它無法訪問 - 雖然它背後的東西是不可見的。 –