如何在div下方點擊鏈接

Question

我在一個div下的鏈接具有固定高度和100％高度和寬度的z-index：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; div的CSS規則

 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;
}