2012-01-20 44 views
1

我有一個div(出於可讀性下面僅列出用於FF代碼)z索引不能與CSS3背景漸變

background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%); 

我然後有這裏面的圖像,需要「跳出背景梯度工作「下面第二個div的底部具有相同的梯度。我在圖像上使用z-index 2,在div上使用z-index 1。

也能正常工作時的div沒有梯度(只是一個純色背景色),但只要我應用的z-index失敗的梯度和圖像下降到第二個div後面,見下面的圖片:

隨着漸變背景 with gradient

憑藉雄厚的背景 without gradient

+0

你有沒有嘗試過的圖像上的較高Z-index(9999) ? ...或者可能是溢出:在包含div上可見? – ryankeairns

+0

向我們顯示代碼。 –

+0

它打破了容器罰款,但下面的div漸變重疊它以某種方式。 – Titan

回答

1

的問題是在包含div的z-index的,即使它被設置比圖像時,刪除它解決了這一問題:/

1

我要去猜測,埃爾與z-index es沒有position財產。然後z-index將無法​​正常工作。它可能似乎工作沒有漸變,但這是因爲該div的背景顏色是透明的,該圖像在它下面是可見的,給人的印象是在頂部。

我對不對?

+0

他們有相對或絕對的位置,這是如此奇怪。 – Titan