我有一個圖示。當您將游標懸停在圖示上時，工具提示將打開。但是當工具提示打開時，它會出現在背面的輸入中。
這是問題所在；
我怎么解決這個問題？
html
<div className="installmentinfo__container">
<div className="installmentinfo">
<div className="column">
<div className="installmentnumber" >{(i 1).toString()}</div>
<div className="installmentdate">{billDate}</div>
<div className="installmentamount">{e.amount} {e.currency}</div>
</div>
</div>
</div>
css
.installmentinfo__container {
border: 1px solid #d1d1d1;
border-radius: 10px;
max-width: 300px;
box-shadow: 2px 2px 4px 4px #d1d1d1;
position: absolute;
background-color: white;
top: 210px;
margin: auto;
transform: translateX(-280px);
padding: 0.3em;
.installmentinfo {
width: 280px;
height: auto;
padding: 0em 1em;
.column {
display: flex;
margin: 5px;
justify-content: space-between;
font-size: 1.3rem;
border-bottom: 1.5px solid #d1d1d1;
padding-bottom: 5px ;
}
}
}
uj5u.com熱心網友回復：
z-index屬性指定元素的堆疊順序。
具有較大堆疊順序的元素始終位于具有較低堆疊順序的元素之前。
如果兩個定位元素重疊而沒有指定 z-index，則 HTML 代碼中最后定位的元素將顯示在頂部。
因此，如果您沒有任何其他 z-indexes 事件 9 將完成這項作業：
.installmentinfo__container {
z-index: 9; ..
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493292.html
標籤：javascript html css
上一篇：當我更新它的值時改變道具