elChupete
Aktives Mitglied
Thread Starter
- Dabei seit
- 13.10.2007
- Beiträge
- 859
- Reaktionspunkte
- 247
Moin moin,
Ich habe folgendes html Gerüst
Ich würde gerne wenn über div id=Stefan gehovert wird, das Bild von #wrapper in back_purple.png ändern. Das soll per fade passieren.
Am liebsten nur mit css (js ist okay wenns gar nicht anders geht.)
Da #wrapper ausser halb vom div class="row" liegt habe ich keine funktionierende css hover function gefunden.
(also z.B. #stefan:hover > #wrapper )
Geht das irgendwie?
Danke Stefan
Ich habe folgendes html Gerüst
HTML:
<body>
<header class="header">
<div class="jumbo">
<h1>my.page</h1>
<p>Herzlich Willkommen</p>
</div>
</header>
<div class="row">
<div class="col m1"></div>
<div id="stefan" class="txtstandard container _alignCenter col m4">
<p><a href="/stefan.html">Stefan</a></p>
</div>
<div class="col m2"></div>
<div id ="sonja" class="txtstandard container _alignCenter col m4">
<p><a href="/sonja.html">Sonja</a></p>
</div>
<div class="col m1 back"></div>
</div>
<div id="wrapper" class="_width100 back">
<img src="images/back_grey.png" class="grey">
<!--
<img src="images/back_purple.png" alt="Hamburg" class="purple">
<img src="images/back_yellow.png" alt="Hamburg" class="yellow">
-->
</div>
<script>
</script>
</body>
Ich würde gerne wenn über div id=Stefan gehovert wird, das Bild von #wrapper in back_purple.png ändern. Das soll per fade passieren.
Am liebsten nur mit css (js ist okay wenns gar nicht anders geht.)
Da #wrapper ausser halb vom div class="row" liegt habe ich keine funktionierende css hover function gefunden.
(also z.B. #stefan:hover > #wrapper )
Geht das irgendwie?
Danke Stefan