Jul
05
2009
CSS: Skifta bild utan Javascript
Posted by Optimeringsskolan in Klientsidan, tags: background, CSS, hover, id, OnMouseOverEtt vanligt sätt att byta bild när man håller över den är OnMouseOver. Det finns dock metoder som kräver lite mindre resurser, nedan visas ett exempel på detta med hjälp av CSS.
#id {
background: url(’bild.png’);
}#id:hover {
background: url(’bild2.png’);
}
Bilden visas genom att skriva följande kod
<div id=”id”></div>
De flesta webbläsare stödjer denna funktion, men till exempel Internet Explorer 6 gör inte det. För att lösa det går det att använda sig av denna kod:
<a id=”id”></a>
Entries (RSS)