css Problem beim IE

Status
Nicht offen für weitere Antworten.

Don_Pazo

Erfahrenes Mitglied
Hallo,
ich habe ganz böses Problem.
Ich habe eine PHP Web-Seite erstellt. Als Test-Explorer habe ich Firefox benutzt.
Ich habe Button´s erstellt mit eine CSS Datei:
Code:
/*==========	BUTTON MEILENSTEIN EINFÜGEN	==========*/
input.buttonMeilensteinEinfuegen {
	width: 200px;
	height: 35px;
	border: 0; 
	color: #0000FF;
	text-decoration:none;
	background: #FFF url(../bilder/meilensteinEinfuegen_aus.gif) no-repeat;
	outline: none;

}

input.buttonMeilensteinEinfuegen:hover {
	border: 0; 
	color: #FF0000;
	text-decoration: none;
	background: #FFF url(../bilder/meilensteinEinfuegen_ein.gif) no-repeat;

}
Also damit sich das Bild ändern kann wenn man mit dem Maus-Zeiger über den Button läuft.

Dies geht aber blöder weise mit Internet Explorer gahr nicht.

Gibt es eine möglichkeit, das CSS zu umschreiben
Damit es auch beim IE alles funktioniert
 
Der IE wendet die :hover-Pseudoklasse nur auf das a-Element an. Von daher wirst du auf Javascript zurückgreifen müssen, um die Hintergrundgrafiken für das input-Element zu tauschen:

Code:
/*==========	BUTTON MEILENSTEIN EINFÜGEN	==========*/
input.buttonMeilensteinEinfuegen_normal {
	width: 200px;
	height: 35px;
	border: 0; 
	color: #0000FF;
	text-decoration:none;
	background: #FFF url(../bilder/meilensteinEinfuegen_aus.gif) no-repeat;
	outline: none;

}

input.buttonMeilensteinEinfuegen_hover {
	border: 0; 
	color: #FF0000;
	text-decoration: none;
	background: #FFF url(../bilder/meilensteinEinfuegen_ein.gif) no-repeat;

}
HTML:
<input class="buttonMeilensteinEinfuegen_normal" onmouseover="this.className='buttonMeilensteinEinfuegen_hover'" onmouseout="this.className='buttonMeilensteinEinfuegen_normal'">
 
Status
Nicht offen für weitere Antworten.
Zurück