css hover im IE8

Ronald Nickel

Ronald Nickel

Legendäres Mitglied
Hallo
ich übersehe wohl mal wieder den wald vor lauter....

.submit {
height;30px;
background: url('/images/submit.png') repeat-x; top left;
}

.submit:hover {
height;30px;
background: url('/images/submitover.png') repeat-x; top left;
}

das mouseOver funktioniert im FF aber nicht im IE
Wie muss ich die Synthax ändern?

Gruß Ronny
 
Hiho Ronny,

auf was wendest Du die Klassen denn an? Wirklich zuverlässig scheint nur ein Hover in Verbindung mit einem Link (a:hover) im IE zu funkionieren.

MfG
Ansgar
 
Na sowas in der Art:
<input type="submit" class="submit" value="Anfrage absenden ..." style="WIDTH: 230px">

Gruß Ronny
 
Einige Semikola sind falsch, so wäre es richtiger:

CODE .submit {
height:30px;
background: url('/images/submit.png') repeat-x top left;
}

.submit:hover {
height:30px;
background: url('/images/submitover.png') repeat-x top left;
}


@Ansgar: der IE sollte ab Version 7 :hover auch auf weitere Elementen anwenden können
 
hmmm nach wie vor wird nur das submit.png nicht aber das submitover.png angezeigt. Die Pfade stimmen also.

Gruß Ronny
 
Bei mir funktioniert der korrigierte Code im IE7

Was für ein Doctype verwendest du?


Edit:
das scheint tatsächlich Doctype-abhängig - mit XHTML strict z.B. geht es - ohne Doctype-Angabe funktioniert der Hover im IE dagegen nicht
 
Ok das wars!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


wäre richtig gewsen. Jetzt funktioniert es. Vielen dank an alle

Gruß Ronny
 
Damit sollte es gehen:

CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


... wahrscheinlich wirkt sich so ein Doctype-Switch aber auch auf andere Stellen auf das Layout aus...
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben