Question

Possible Duplicate:
Is there any way to hover over one element and effect a different element?

How to change the div background image,in mouse over the another div,using css .

Answer 1

With the markup you supplied, this is indeed possible with CSS alone:

<a>
    <img src="http://placehold.it/100x100" /> 
    <div> 
    </div>
</a>​

You can use the :hover pseudo selector to select the div when the anchor has been hovered

a:hover div
{
    background-image: url(http://placehold.it/400x400);
}

This will change the div’s background when the anchor is hovered. This doesn’t work in all cases, you must be aware of the relationship of the elements and use the appropriate selector. If the elements have no relationship, you will have to use Javascript (or one of its libraries.)

http://jsfiddle.net/Kyle_Sevenoaks/fPGU3/