2015-12-13 40 views
0

目前我有這樣的:創建圖像去後面的另一

<img src=assets/img/Guild/0000$logo/$logoColor.png class=\"avatar img-responsive\" style=\"margin: 0 auto;\"> 
<img src=assets/img/Guild/0000$logoBG/$logoBGColor.png class=\"avatar img-responsive\" style=\"margin: 0 auto;\"> 

Visual Example

所以第一個是一個標誌(在本例中,蝴蝶),和第二個是它的背景(綠色的邊框。)目前,它在頂部顯示徽標,在背景下顯示背景,但我希望它在背景頂部顯示徽標(蝴蝶位於綠色邊框頂部)。幫助?

+0

顯示一些代碼,以便我們可以看到哪裏出了問題。 –

+0

犯了一個錯誤,它現在增加 – Mihee

回答

0

您可以絕對讓他們去了海誓山盟的位置,然後再添加一個z-index的指示哪一個應該是在上面

<img src=assets/img/Guild/0000$logo/$logoColor.png class=\"avatar img-responsive\" style=\"margin: 0 auto; position: absolute; z-index: 10;\"> 
    <img src=assets/img/Guild/0000$logoBG/$logoBGColor.png class=\"avatar img-responsive\" style=\"margin: 0 auto; position: absolute; z-index: -1;\"> 
+0

好的,這工作sorta,有沒有辦法讓他們居中,因​​爲這似乎覆蓋

,並使其走向最遠的地方。 – Mihee

+0

如果您想了解邊距 – Shogunivar

+0

足夠簡單,您可以使用邊距將其放在正確的位置, http://www.w3schools.com/css/css_margin.asp 謝謝! – Mihee