img-parallax视差背景图
视差背景图是个有趣的展示方式,随着页面的滚动,背景图也会发生滚动,有趣的是图片的宽高并不会改变,你所看到的变化仅仅只是图片所在容器中的滚动,但是容器中的内容却不会滚动,这种效果发生在很多HTML5页面,如今她被集成到ICEUI中,使用将前所未有的简单。
使用她非常方便,只需要给容器添加一条data属性data-img-parallax即可,如下

24099

+
模板购买数量

104

建站产品

10

建站经验

346

+
覆盖城市
容器中的内容可随意自定义,但别忘了,需要设置Css属性position:relative

寄君一曲,不问曲终人聚散

背景图默认设置了透黑遮罩,你可以通过class来设置它

月光的森然,乐律的精魂,一切只是幻影,稍纵即逝

妹子~

无论多么落寂和苍茫那些身影总会过目不忘

妹子~

梦里的江湖,百花齐放

代码示例