网页多层背景效果如何实现

阅读 3.7k
3 个回答

总共用了5个div,设置每个背景图片,图片格式均为png图片,然后对每个div都设置了transform:translate();
监听用户的滚动事件scroll,并且设置不同的递增值.然后错位视觉滚动就来了,有兴趣自己可以去搜索下.
五张图为:
banner-bg01.png
banner-bg02.png
banner-bg03.png
banner-bg04.png
banner-bg05.png

可以设置一个有透明度的 div

图像处理软件制作
或者
背景图像 上面覆盖 RGBA背景的DIV 再覆盖 PNG图像

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题