[reacon]

Hallo zusammen,

auf der Seite http://www.styleboost.com werden die einzelnen Links mit Bild in einer grauen Box dargestellt.
Überfährt man diese mit dem Cursor wechselt der Hintergrund der Box zu schwarz.

Nun möchte ich gerne wissen, wie das ganze funktioniert. Ich wurschtel zwar schon die ganze Zeit im Code und den beiden CSS Dateien der Website rum, kriege das ganze aber selber nicht auf die Kette.

Ich habe gelesen, dass der IE das ganze nicht rafft, wenn die Box nicht als kompletter Link dargestellt wird.
Der Mauszeiger soll aber genau wie auf der Website nicht zu einer Hand werden ! Sondern die Box soll ihre Farbe beim überfahren einfach nur ändern.

Über einen Link zum Thema oder eine Erklärung würd' ich mich freuen.

[Raumwurm]

Moin,
in dem Fall ist es ein <div> mit der class=".linkbox"
Das Style dazu sieht dann so aus:

das die definition der class:
.linkbox {
position: relative;
margin-bottom: 10px;
width: 461px;
height: 88px;
background: #232323;
}

das soll passieren wenn man mit der
maus drüberfährt:
.linkbox:hover {
background: #171717;
}

hier wirds recht schön erklärt

[ulmer_hocker]

Und mit dem IE-Behavior „whatever:hover“ bringst du auch den IE dazu die kompletten Boxen zu hovern - auch wenn es keine Links sind.

http://www.xs4all.nl/~peterned/csshover.html

[reacon]

Vielen Dank euch beiden !