Plain and simple.
How do I have 2 images in background?
You need to elaborate. How exactly do you plan on organizing the display of those two images in the background? I'm not even sure why you need this to begin with, but whatever...
merge them into one image in photoshop or similar.
I tought there was something like
Background: lalala
Background 2: lalaal
or something like that
No, there isn't. How would that even work? Or how would you expect it to work?
Dunno.
Nowadays everything is possible
Specify both images on the same line in CSS:
background: url(top.png) no-repeat 50%, url(bottom.png) no-repeat 50%;
IE8 doesn't accept this though, but every decent browser including IE9 does. To make it compatible with IE8 use a single background and use :before or :after selectors with their own background.
(2011-10-04, 01:56 PM)patrick Wrote: [ -> ]Specify both images on the same line in CSS:
background: url(top.png) no-repeat 50%, url(http://s568.photobucket.com/albums/ss125...uto/bg.png) no-repeat 50%;
IE8 doesn't accept this though, but every decent browser including IE9 does. To make it compatible with IE8 use a single background and use :before or :after selectors with their own background.
Didn't work on FireFox 7
Works on Firefox 5.0. Try to specify the full path of each images.