CSS - How to add a second background image -


request:

i trying make website have background repeats along x-axis, when finishes on y-axis display different image. continue.

example:

--------------- |             | | (original)  | (repeats on x-axis) |             | --------------- |  (second)   | |             | --------------- |  (second)   | |             | --------------- |  (second)   | |             | --------------- |  (second)   | |             | --------------- 

(etc.)

how accomplish this?

use multiple backgrounds css3 feature http://www.w3.org/tr/css3-background/#layering

have @ jsfiddle live example @ http://jsfiddle.net/pww2a/

 body {   background: url(http://placehold.it/150x80/ff0000/ffffff) repeat-x,    url(http://placehold.it/150x50/00ff00/000000) 0 80px repeat-y;                   } 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -