怎么用CSS来布局多个背景的网页?

html-css092

怎么用CSS来布局多个背景的网页?,第1张

swiper3滑屏插件!

原理是利用最大层百分百固定一个框!

然后里面用transform: translate3d(0px, -0, 0px)来进行滑动!

具体每个背景图的使用则是把每一个层都是百分百的宽高!

然后背景图

background-image:url()

background-repeat: no-repeat

background-position: bottom right

//核心区分点

//让背景比例不变

  background-size: cover

 //让背景充满屏幕

   background-size: 100% 100%

//或者让背景宽度100% 高度自动

  background-size: 100% auto

  //让背景高度100% 宽度自动

    background-size: auto 100%

css3可以实现,

background: url(image_1.jpg) top  left no-repeat, url(image_2.jpg) top  right no-repeat

在这个背景里面加两个div

样式为都float:left:width:50%height:100%

然后把图片分别放到两个中,(最常用)