Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Themen

Hintergrundfarbe bei Rollover von mehreren Elementen ändern

Gast FreakyFox
Gast FreakyFox
in Webdesign

Empfohlene Antworten

Veröffentlicht

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.

Hm, und wo ist die Frage?

div hover effekt

Whatever:hover

Das hat mir eine Google-Suche rausgeschmissen, nach nichtmal 2 Minuten.

Das hättest du, meiner Meinung nach, auch selber geschafft.

Mit freundlichen Grüßen,

Cadpax

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.


<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>

Klasse vielen Dank. Genau so wollte ich das haben. :uli

Schönen Abend noch.

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

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.