Rollover Effekt mit einfachen CSS

[Cydox]

Hi,

ich wollt mal fragen ob möglich ist, Rollover Effekt mit einfachen CSS zu schaffen, halt ohne Javascript? Und wie?

 

[threadi]

Das nennt sich hover und ist eine Pseudoklasse.

SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

 

[Cydox]

und als beispiel?


#menupunkt1:hover {
background:images/pic.jpg;
}

geht aber nicht.

 

[_Thor_]

Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Efchen]

background:images/pic.jpg;
geht aber nicht.

Warum sollte es auch?

 

[Cydox]

Nenne doch mal pls ein funktionierendes Beispiel.

 

[_Thor_]

Wie man ein Hintergrundbild einfügt, steht doch in dem Link den ich dir gegeben habe.

 

[prm]

Link-Buttons
Vertikale Listennavigation

 

[cobrastyle]

und als beispiel?


#menupunkt1:hover {
background:images/pic.jpg;
}

geht aber nicht.

#menupunkt1:hover {
background:url (images/pic.jpg);
}

 

[hokage555]

Also ich weiß ja nicht...
Weiß hier keiner, wie man ein Hintergrundbild in CSS einfügt^^?

#navilink:hover{
background-image:url(DeinPfadZumBild.jpg);
}

grüße

 

[Efchen]

Mit background allein, wie cobrastyle das geschrieben hat, hätte das auch funktioniert.
Aber es ist halt die Kurzschreibweise auch für die anderen background-Eigenschaften.