給元素設定了固定座標後，點選事件失效
阿新 • • 發佈：2018-11-15
<body>
<div class="foot">
<div class="price">價格</div>
<div class="go-time choosed">出發 <span>早</span><span>晚</span></div>
<div class="screen">篩選</div>
</div>
</body>
.foot { width: 100%; position: fixed; bottom: 0; left: 0; width: 99%; display: flex; justify-content: space-around; background-color: #FFAA07; color: #FFFFFF; font-size: 14px; } .foot>div { margin: 9px auto 9px auto; color: #EEEEEE; } .foot .go-time { border-left: #EEEEEE solid 1px; border-right: #EEEEEE solid 1px; padding-left: 22px; padding-right: 22px; } .foot>.choosed { color: #FFFFFF; font-size: 15px; }
點選下面的foot一點反應都沒有
然後想著是不是被覆蓋了呢，給.foot 設定了一下z-index：100；
.foot {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
width: 99%;
display: flex;
justify-content: space-around;
background-color: #FFAA07;
color: #FFFFFF;
font-size: 14px;
z-index: 100;
}瞬間有用！！