重疊圖像和DIV

我有以下HTML結構：重疊圖像和DIV

<div class="gauge"> 
    <div id="user-follow-statistics"> 

    </div> 
    <img src="{{ asset('bundles/shopiousmain/img/coming-soon.png') }}"/> 
</div>

我想這個圖像被定位重疊user-follow-statistics DIV。我怎樣才能做到這一點？到目前爲止，我嘗試將圖像的位置設置爲相對並將頂部設置爲-150像素，但這似乎是徹頭徹尾的黑客並且不乾淨。任何其他方式？

來源

2013-10-31 adit

你能以圖片的方式展示你所要求的嗎？ –

爲你的問題做一個小提琴。 – Rex

在這裏你去：http://jsfiddle.net/84cC3/1/ – adit

設置img到position: relative;和使用-top值將保留img物理上的文件的空間，而不是設置您的容器元素即.gauge到position: relative;比設定img到position: absolute;，現在必須將容器設置爲relative否則您的absolute定位元素將在野外流出。

Demo

.gauge { 
    position: relative; 
} 

.gauge img.coming_soon { 
    position: absolute; 
    top: 0; 
}

如果找到元素堆疊的任何問題，請z-index爲.gauge img.coming_soon

我分配了一個class到img標籤。如果您在.gauge內部嵌套了一個img，則您也可以使用.gauge img而不聲明img標籤上的class。

來源

2013-10-31 04:42:39

設置position:absolute爲div user-follow-statistics。

#user-follow-statistics{ 
position:absolute; 
}

演示：http://jsfiddle.net/U2q6E/14/

來源

2013-10-31 04:35:34

試圖改變它絕對，img現在重疊，但它似乎是它的隱藏（意思我看不到） – adit

設置'z-index：100'並檢查.. –

重疊圖像和DIV

回答

相關問題