Parent Background bei Child Hover ändern

[Levo]

Hallo,

ich habe folgenden aufbau:

<div class="layout">
    <div class="layout2">
        <div class="link-1></div>
        <div class="link-2></div>
    </div>
</div>

.layout hat ein background image welches 700x400px groß ist.
Auf diesem Bild sind verschiedene Links. Wenn ich nun einen dieser Links Hovere dann soll in .layout2 ein neues background image über das image von .layout gelegt werden. Es wird also ein gewisser Bereich im ersten image durch image2 hervorgehoben. Die Hauptgrafik und die Hover Grafiken haben die selbe größe.
Ist das möglich den Parent div zu ändern wenn ich ein gewisses Child hovere?

Hatte es bist jetzt so, aber das funktioniert nicht:

.layout{
  background: url(/layout.png) no-repeat;
  height: 400px;
  width: 700px;
  z-index: 100;
}

.link1:hover .layout2{
    background: url(/hover1.png) no-repeat;
    z-index: 10;
}

Gruß
Levo

 

[djheke]

Mit CSS nicht. Wär ja auch keine Kaskade mehr.

 

[Levo]

Das dachte ich mir schon, mit jquery wars nun kein Problem mehr^^