2012-04-19 99 views
0

我到處搜索過,我無法找到答案。圖片在一個位置:絕對; DIV背景圖片?

所以我在我的樣式表中有一個DIV,它是絕對定位的,並帶有背景圖像。

在那個DIV裏面,我有一個我想在DIV背景下出現的。

我試過z-index,但它似乎沒有工作!?對於我的DIV的絕對位置是否有用?

+2

發佈您的代碼:) – Khan 2012-04-19 13:36:01

回答

1

無論你做什麼,都不能讓子元素出現在父母的背景之下(有關更多信息,請參閱stacking contexts)。需要修改DOM,以便第二個元素在具有背景的DIV之外進行顯示在那個元素前面。

+0

非常感謝!這樣的菜鳥錯誤 - 我完全忘了。很好的答案。 – 2012-04-20 01:24:08

2

將圖像div放在絕對位置之前。這應該把它放在其他分區。你也可以

position: absolute 

的形象,但仍然把它放在div之前。

+0

啊啊!乾杯。 – 2012-04-20 01:23:16

+0

你可以評價我的答案嗎? :) – AlanPHP 2012-04-20 21:20:27

0

請確保您的背景圖像是.PNG和或.GIF文件格式。這兩種文件類型都支持透明度。

1

位置:絕對在屏幕上下文中。要在div上下文中使用position:absolute,請將父div作爲position:relative,因此,他的孩子使用p:absolute時,會將其父項的頂部視爲orign。