如何使一個鏈接下面的div可點擊

Question

我有一個鏈接在一個固定的位置和Z指數100％的高度和寬度下的div：5. 我需要保持這個div高於我的鏈接，但鏈接不起作用。 我可以讓鏈接工作，但保持這個div上面我的鏈接？

https://jsfiddle.net/8hu90e9x/1/

div { 
 
    background:grey; 
 
    width:100%; 
 
    height:100%; 
 
    position:fixed; 
 
    top:0; 
 
    opacity:0.5; 
 
    z-index:5 
 
} 
 

 
a { 
 
    font-size:50px; 
 
    z-index:0 
 
}

<a href="http://google.com"> My link</a> 
 

 
<div></div>

Answer 1

你可以添加pointer-events:none;的CSS規則您的DIV

div { 
 
    background:grey; 
 
    width:100%; 
 
    height:100%; 
 
    position:fixed; 
 
    top:0; 
 
    opacity:0.5; 
 
    z-index:5; 
 
    pointer-events:none; 
 
} 
 

 
a { 
 
    font-size:50px; 
 
    z-index:0; 
 
}

<a href="http://google.com"> My link</a> 
 

 
<div></div>

Answer 2

如果這個div的目的就是要改變背景顏色，它會更容易將其刪除，而是執行此操作：

body{ 
    background-color:lightgrey; 
}