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.


One response to “CSS3 will support multiply Background images in one background Property!”

  1. css is the best says:

    The multiple background images will be useful when it is implemented.

Leave a Reply

Your email address will not be published. Required fields are marked *