ERLEDIGT
JA
ANTWORTEN
1
ZUGRIFFE
725
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Avatar von Don_Pazo
    Don_Pazo ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    136
    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 :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    
    /*==========    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
     

  2. #2
    Maik Tutorials.de Gastzugang
    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 :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    
    /*==========    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-Code:
    <input class="buttonMeilensteinEinfuegen_normal" onmouseover="this.className='buttonMeilensteinEinfuegen_hover'" onmouseout="this.className='buttonMeilensteinEinfuegen_normal'">
     

Ähnliche Themen

  1. Problem beim Rendern
    Von _L_ im Forum Cinema 4D
    Antworten: 18
    Letzter Beitrag: 07.01.09, 17:07
  2. Problem beim PDF
    Von EuroCent im Forum PHP
    Antworten: 6
    Letzter Beitrag: 28.11.08, 05:47
  3. Problem beim vergrößern des JComboBox Popup's (nur beim GridBagLayout)
    Von mad_dark_angel im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 2
    Letzter Beitrag: 22.04.06, 17:58
  4. Problem beim Menschenkörper.
    Von Wolvo im Forum Cinema 4D
    Antworten: 6
    Letzter Beitrag: 29.05.04, 12:02
  5. Problem beim RIS
    Von KiNgLui im Forum Microsoft Windows
    Antworten: 3
    Letzter Beitrag: 25.01.04, 12:20