div新增cursor:pointer;失效問題。

龔·昭繇發表於2019-01-15

如果你不小心給其它盒子設定了z-index屬性顯示在最上層而又沒有將該盒子進行隱藏。

<style>
.bottom {
position: absolute;
width:100px;
height:100px;
background:pink;
cursor:pointer;
}
.top {
z-index:999;
width:200px;
height:200px;
background-color: transparent;
position: absolute;
}
</style>
<div class=”top”></div>
<div class=”bottom”></div>

那麼這是給看到的盒子設定cursor屬性時無效,將設定了z-index的最上層盒子設定display:none;,問題就得到解決。

相關文章