Mouseover på meny CSS

[lastresort]

Hei, jeg skal gjøre sånn at når jeg tar musen over menyen så byttes bilde til et nesten identisk bilde (bare mørkere).

 

Men jeg skjønner ikke hvordan dette skal settes opp.

Noen som kan hjelpe meg?

[TroubleDouble]

Hei, jeg skal gjøre sånn at når jeg tar musen over menyen så byttes bilde til et nesten identisk bilde (bare mørkere).

 

Men jeg skjønner ikke hvordan dette skal settes opp.

Noen som kan hjelpe meg?

 

 

Det enkleste er å bruke hover som når du gjør med vanlige linker i css. Trikset ligger i å bruke bakgrunnsbilder inne i elementer. F.eks

 

CSS:

ul li{

background:url("bildeutenhover.jpg");

 

}

 

ul li:hover{

background:url("bildemedhover.jpg");

}

 

HTML:

 

<ul>

<li><a href="#">Link1</a></li>

<li><a href="#">Link2</a></li>

</ul>