lunedì 20 gennaio 2014

Arrière plans multiples

http://libriecopertine.altervista.org/arriere-plan-multiple.html


.arriere_plan_multiple{
  float:left;
  margin:0 0 20px 1%;
  width:98%;
  height:300px;
  text-align:center;
  background: url(http://lorempixel.com/300/140/nature/1) no-repeat top left ,
              url(http://lorempixel.com/300/140/nature/2) no-repeat top right ,
              url(http://lorempixel.com/300/140/nature/3) no-repeat bottom left ,
              #ddd url(http://lorempixel.com/300/140/nature/4) no-repeat bottom right;
}


Visto che che non c'è nessun X Multiplo effetto

modifico

.arriere_plan_multiple{
  float:left;
  margin:0 0 20px 1%;
  width:98%;
  height:300px;
  text-align:center;
  background: url(http://lorempixel.com/300/140/nature/1) repeat-x fixed -130% 0,
              url(http://lorempixel.com/300/140/nature/2) repeat-x fixed -40% 0,
              url(http://lorempixel.com/300/140/nature/3) repeat-x fixed -80% 0,
              #ddd url(http://lorempixel.com/300/140/nature/4) repeat-x fixed -100% 0,
}

 e verifico cosa cambia:

http://libriecopertine.altervista.org/arriere-plan-multiple2.html