2012-03-30 52 views
0

我是一個Flash網站轉換爲jQuery和已經我重新創建頁腳難倒的唯一的事: http://www.kevinkubota.com/jQuery的背景掩膜或多個背景層

有誰知道一種方法來重新創建這個效果。單個圖像不會這樣做,因爲隨着波從左向右移動,形狀背景圖案保持固定。由於有三層,所以用掩碼堆疊堆疊是不行的。

謝謝

回答

0

您可以使用兩個圖像重新創建此效果。背景圖案可以是水平重複的jpg。對於波浪創建兩個PNG文件,其中一個在頂部有半透明波浪,另一個在底部。其餘的png文件是完全透明的。創建兩個div,將這些文件設置爲背景圖像,然後使用jquery將它們左右移動。

+0

問題在於每個波形上方和下方都需要有白色區域。一個地區,雖然規模BG無法看到。 – xtremetom 2012-03-30 20:44:57

+0

不知道我是否理解您的疑慮。但是,如果你用一個具有指定高度的單個div來包裝它,絕對定位並且溢出設置爲隱藏,那麼波形部分將在該div內可見,並且在其上下會有空白。 – 2012-04-02 17:34:24