Bilde :hover problem i IE 7

[Airborne]

Hei, driver å lager en webside og har oppdaget noe rart i IE7, når jeg tar å beveger musa vekk fra ett :hover bilde. Virker som det bilde han var på blinker fra hover bilde tilbake til vanlig. Firefox fungerer fint.

 

Se selv:

http://kristoffer.namepad.net/hege/

 

stilark:

http://kristoffer.namepad.net/hege/gfx.css

 

Dette gjelder:

.forside_bilde_left

.forside_bilde_middle

.forside_bilde_right

 

Hva kan jeg gjøre for at dette ikke skal skje. Denne websiden er for folk som til vanlig bruker IE og ikke skjønner forskjellen på ie og andre browsere. derfor kunne jeg ønske en løsning her

 

-takk på forhånd

Endret 25. mai 2008 av Airborne

[iM'andY]

Funker fint i IE7 hos meg.

[Haraldson]

Ta en titt på denne teknikken. Den baserer seg på sprites (altså flere tilstander av en grafikk i én og samme bildefil) samt endring av background-position i CSS for de forskjellige tilstandene.

 

Bare spør om du ikke forstår artikkelen.

[Airborne]

Ta en titt på denne teknikken. Den baserer seg på sprites (altså flere tilstander av en grafikk i én og samme bildefil) samt endring av background-position i CSS for de forskjellige tilstandene.

 

Bare spør om du ikke forstår artikkelen.

 

Takk for svar. Har sett dette før, men aldri forstått hvordan det gjøres. ser ut som at jeg skal få til dette, kommer tilbake dersom jeg har problemer.

[Gjest Slettet+9018234]

Du kan også bruke gjennomsiktighet:

 

.transparent_class {

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

}

 

Nyere versjoner av Firefox benytter nå alpha og behøver ikke -moz-opacity. Vennligst merk at dette validerer ikke, men har støtte for alle nettlesere, også eldre versjoner av Safari og IE.