CSS Z-index滑動圖像

Question

我對網站有點問題。

jn-racing.de

在後臺導航下的「旗」欄是.png圖像與GRAS但滑動圖像是在PNG的前面。

滑動圖像的Z-指數是3和CSS類「旗幟」是99.

背景必須在滑動圖像的前面。

由於

Answer 1

#slider的和#slider本身的孩子的定位（相），這意味着它們每一個屬於自己的堆疊內容和z索引將沒有任何效果。

A）

您需要刪除position-property。但是這可能會與你定位的圖像相沖突，所以這不是一個真正的選擇。

B）

你需要的草背景駐留在同一堆疊內容爲#slider，這意味着必須的元素，它是#banner的直接孩子太上（一兄弟姐妹到#slider）。

例子：

#slider:after { 
    content: ''; 
    height: 10px; 
    width: 1024px; 
    background: url(images/banner.png) no-repeat left bottom; 
} 

Answer 2

你應該把你的草#slider格下png格式的HTML並給它（新img）的ID。只要它是一個背景，通過css將它移動到前面將會更加困難。這有幫助嗎？