2012-03-30 71 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