我大概理解到了你的意思,是想实现背景的视觉差效果吧。如果是这个的话两种方法,
创新互联专业为企业提供秦州网站建设、秦州做网站、秦州网站设计、秦州网站制作等企业网站建设、网页设计与制作、秦州企业网站模板建站服务,十多年秦州做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
一种是设置background-attachment:fixed;背景固定了
另外一种就是利用 animate css3的属性,想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。
你说的这个是单页面效果。我给你个网址上面有好多这样的
html5 视觉差滚动效果
原理就是一种利用控制各个图片层之间滚动的速度,来产生一种立体空间的效果,每个层都用一个png透明图片做为背景,然后滚动的时候控制一下每个不同的速度。
不过有两个方面需要注意:
1、以大量图片为特色的网站应该考虑图像的预加载问题,以便为用户提供更好更流畅的视觉体验;
2、某些网站页面在移动设备上的效果可能较之在PC上有所不同,一些功能也可能无法正常使用。
编码方式不一,就HTML5视频,不差钱的CHROME、SAFARI等采用的是H.264编码的MPEG-4或者开源的WEBM,中小公司OPERA、FIREFOX等采用的是WEBM,webm的效果与flv采用的编码标准不一,从而导致视觉上的差异。说白了,webm的确是不如flv,但是webm是开源的。