我不明白為什么我的文字沒(méi)有與圖像重疊。我看到圖像下方的文字。<div className="row location-row location nopadding justify-content-center"> <div className="col-md-4 location-padding"> <img className="img-thumbnail img-responsive" src={("./Components/Images/Pula.jpg")} /> <h2><span className="badge badge-warning">Pula</span></h2> </div> <div className="col-md-4 location-padding"> <img className="img-thumbnail img-responsive" src={("./Components/Images/Liznjan.jpg")} /> <h2><span className="badge badge-warning">Liznjan</span></h2> </div></div>CSS.location-padding { padding: 20px 20px; position: relative;}.location-padding h2 { position: absolute; left: 10px; top: 20px;}.location-row { margin: 0% 12.5% 0% 12.5%;}我得到什么：
2 回答
四季花海
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超5個(gè)贊
通過(guò)添加 z-index 屬性來(lái)編輯 h2 標(biāo)簽，如下所示：
.location-padding h2 {
position: absolute;
left: 10px;
top: 20px;
z-index:1;
}
米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
您可以使用 z 索引：
.location-padding h2 {
position: absolute;
left: 10px;
top: 20px;
z-index: 999;
}
- 2 回答
- 0 關(guān)注
- 175 瀏覽
添加回答
舉報(bào)
0/150
提交
取消