CSS3 will support multiply Background images in one background Property!
It is time. For all of you designers out there that have the same issue as i do. I would love to be able to use separate background images in one div!! it is here!
Css3 will support multiply background images by the following code:
Example:
#nameofdiv {
background-image: url (firstimage.jpg),
url (secondimage.jpg),
url (thirdimage.gif),
url (fourthimage.png);
background-position: 40% 24px,
60% 24px,
50% 50%,
3em 3em;}
The different measurements is just example of the support for different values in the property.
Can’t wait until this is supported cross browser. as of this post it is not supported in all browsers now.
The multiple background images will be useful when it is implemented.