Tuesday 13 September 2011

Multiple Backgrounds


In the past, having layered backgrounds required you to create more than one element. But now, with CSS3 you can have multiple backgrounds on a single element. This will eliminate a huge annoyance that we have had to deal with in the past. Here’s how it works:
view source

    #exp {
    background:
    url(topbg.jpg) top left no-repeat,
    url(middlebg.jpg)center left no-repeat,
    url(bottombg.jpg) bottom left no-repeat;
    }

No comments:

Post a Comment