首页 > 这种背景效果如何实现?样式如何写?烦请给出例子

这种背景效果如何实现?样式如何写?烦请给出例子

如下图,这种背景效果是怎么实现的?我是刚接触web前端,麻烦稍微详细些。


目测是轮播图效果,假设是ul >li*x的基本结构,给相对应的li设置背景图片(类似于红色大图),然后li里面再包含所需要的代码块(如透明底色的表单),手机打字不方便,demo就不帮你写了~


用插件吧,简单的不能再简单... Swiper...http://www.swiper.com.cn/
如果不用插件,除去图片轮播也超简单...背景效果就是一张图片,如果想虚化,可以加opacity属性


上层背景颜色使用rgba设置透明度,下层就是一个图片


1,可以通过在用两个div来实现,可以参考演示

【热门文章】
【热门文章】