网站设计中的滚动背景的解读

来源: 时间:2018-11-16 11:24:35 次数:

网站制作中比较新奇的效果是同一个页面每隔一屏切换一个背景滑动。但是又不是H5滑屏的效果。这是怎么实现的呢?

俗话说外行看热闹,内行看门道。这种冲击的视觉效果到底是怎么形成的呢?我们常用的是块的浮动,position:fixed;其实这种视觉效果是背景浮动所形成的,这里我们需要设置的是背景浮动,固定背景图像background-attachment: fixed;。在这里只要我们的图片背景够大或者我们设置背景图片大小background-size就可以直接显示出来了。