Zum Inhalt springen

Hintergrundfarbe bei Rollover von mehreren Elementen ändern


Empfohlene Beiträge

Geschrieben

Hi Leute

Ich habe 2 Div-Bereiche. Wenn ich mit der Maus über einen der Bereiche fahre soll bei beiden Divs die Hintergrundfarbe geändert werden.

Das ganze soll ohne JavaScript realisiert werden, am Besten nur mit CSS.

Vielen Dank im Voraus.

Geschrieben

<html>

<head>

<style type="text/css">

#div1 {

        position:absolute;

        top:100px;

        left:50px;

	width:100px;

	padding:3px;

}


#div1 #div2 {

        position:absolute;

        top:0px;

        left:150px;

	width:100px;

	padding:3px;

        background:grey;

}

#div1:hover #div2 {

        position:absolute;

        top:0px;

        left:150px;

        background:blue;

}

#div1:hover {

        background:green;


}

</style>

</head>

<body>

<div id="div1">TestDIV 1<div id="div2">TestDIV 2</div></div>

</body>

</html>

Geschrieben
Es geht ja darum, dass 2 Divs verändert werden sollen wenn man mit der maus über einem der Bereiche ist ... und darin liegt das Problem.

Uargs, dann Sorry, ich habe das anders interpretiert (in allen Browsern gängig).

Bei der Lösung die gegeben ist, schließt du den Internet Explorer allerdings komplett aus, weil es da einfach nicht funktioniert.

Und in whatever:hover liegt die Antwort auf das Problem. (Dass es ohne JScript nicht funktioniert)

Mit freundlichen Grüßen,

Cadpax

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...