html中的圖像可以不與自舉列重疊嗎？

經過了一段時間，我能夠解決一個困擾我的問題。我很樂意向某人解釋我的解決方案，因爲我不明白它爲什麼會起作用，而我通常這樣做的方式並不是這次。html中的圖像可以不與自舉列重疊嗎？

我的目標是將圖像放入h3標籤（設計原因），然後讓圖像與下面的div重疊。通常情況下，我會使用margin-bottom：-30px;向下移動圖像。但這次沒有工作。我想，當我嘗試重疊一個包含背景的div的靴子陷阱列時，它不起作用（圖像「隱藏」在具有背景的div後面）。只給.col-xs-8一個z-index：-1;工作（但給出一個Z指數：9999;圖像沒有）。

難道有人請向我解釋爲什麼？或者有沒有我不知道的引導基礎？

任何幫助或輸入表示讚賞。謝謝！ :)

下面是該項目的代碼我工作（HTML）：

<div> 
    <h3> 
     <img src="assets/test.png" class="test-img"> 
    </h3> 
</div> 
<div class="row"> 
    <div class="col-xs-8"> 
     <div class="wrapper"> 
      A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! A lot of text! 
     </div> 
    </div> 
</div>

而且CSS代碼：

.wrapper { 
background: url(/assets/back.png); 
width: 250px; 
} 

.col-xs-8 { 
//z-index: -1; 
} 

.test-img { 
//margin-bottom: -30px; 
}

來源

2017-10-14 Langer.197

「z-index只適用於___元素」 - 請做一些基礎研究，並填寫空白。 – CBroe

好吧，那很簡單。「定位」！：P 謝謝@CBroe！而不是比較我的工作項目與我不工作的代碼（並沒有看到'位置：相對;在樣式表 - 涅down'下，我可以只搜索z-index。 –

添加類「的位置是：相對的;」到圖像，因爲z-index只適用於定位元素。

來源

2017-10-14 20:22:59

html中的圖像可以不與自舉列重疊嗎？

回答

相關問題