关于html5视觉差的信息

html5怎样设置一个背景图片随着滚轮变动

我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，

创新互联专业为企业提供秦州网站建设、秦州做网站、秦州网站设计、秦州网站制作等企业网站建设、网页设计与制作、秦州企业网站模板建站服务，十多年秦州做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

一种是设置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是开源的。

分享文章：关于html5视觉差的信息
转载源于：http://myzitong.com/article/dsgegii.html