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
Post a Comment