Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to overload a specific layer of CSS3 layered multiple background images

How to overload a specific layer of CSS3 layered multiple background images

Problem

Possible Duplicate:
Change only one of multiple backgrounds on hover

If you had a CSS declaration like this:

.selector {
    background: url(image.png), url(image2.png);
}

and on :hover you wanted to change just the first layer, e.g.

.selector:hover {
    background: url(image3.png), url(image2.png);
}

Is there a way to update the image to image3.png without having to redeclare the rest of the stack?

Problem courtesy of: voncox

Solution

Unfortunately, no, there isn't any way to do that.

Solution courtesy of: Ana

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to overload a specific layer of CSS3 layered multiple background images

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×