[CSS] div :hover IE6+

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] div :hover IE6+

    Hallo allerseits,

    laut selfhtml.org funktionieren die pseudoklassen wie :active und :hover in einigen browsern (z.B. dem IE) nur in a-tags (der ff kanns auch in divs z.B.).
    Gibt es da ne browserweiche bzw irgendnen workaround ohne js um auch den IE dazu zu bringen :hover für einen div zu akzeptieren?

    Weiter steht bei selfhtml.org dass der IE7 :hover in anderen Tags akzeptiert. Aber selbst das tut er bei mir nicht.
    Mach ich was falsch?

    Code:
    <div class="logo_sidebar">
    .
    .
    .
    <div id="tsbs"></div>
    </div>

    Css:
    #tsbs div
    {
    text-decoration: none;
    background: url(images/template/side_tsbs_off.gif) no-repeat top center;
    float: left;
    margin: 0px;
    padding-top:10px;
    height: 74px;
    width: 130px;
    }

    #tsbs div:hover
    {
    height: 74px;
    width: 130px;
    background: url(images/template/side_tsbs_on.gif) no-repeat top center;
    }
    Die Milch bleibt ranzig!

  • #2
    nein. ersetze den div durch ein anchor-Tag. Afaik braucht der IE6 sogar das href Attribut, um das :hover zu akzeptieren.
    Sunshine CMS
    BannerAdManagement
    Borlabs - because we make IT easier
    Formulargenerator [color=red]Neu![/color]
    Herkunftsstatistik [color=red]Neu![/color]

    Kommentar


    • #3
      imho hast du da ohne js oder css-expressions (wat nichts anderes is) keine chance..

      es sei denn du setzt n href="#" und formatierst dann doch a:hover... aber wer will das schon

      *edit: 11:09 = standard-antwort-zeit??
      **********
      arkos
      **********

      Kommentar


      • #4
        Re: [CSS] div :hover IE6+

        Code:
        <div class="logo_sidebar">
        
          <div id="tsbs"></div>
        </div>
        
        Css:
        #tsbs div
        {
        	...
        }
        Täusche ich mich da, oder trifft der Selektor eh nicht zu??

        Kommentar


        • #5
          Stimmt, da das Element eh ein DIV ist muss das div bei #tsds weg.
          Sunshine CMS
          BannerAdManagement
          Borlabs - because we make IT easier
          Formulargenerator [color=red]Neu![/color]
          Herkunftsstatistik [color=red]Neu![/color]

          Kommentar


          • #6
            richtig. das ist mehr als überflüssig... ändert aber nichts am grundproblem
            **********
            arkos
            **********

            Kommentar


            • #7
              jaja da steht eigentlich eh a:hover weil ichs momentan mitm a laufen hab aber bevor hier dann wieder irgendnen blitzmerker mir vorwirft ich würde das in der css-datei für a-tags anstatt divs definieren hab ich das schnell geändert bla

              najo diese antworten hab ich mir schon gedacht
              und weiß jemand ob das jetzt stimmt das ie7 auch :hover bei nicht ankern interpretieren kann? weil bei meinm ie7 funzt das irgendwie net..

              Gruß,
              ranzi
              Die Milch bleibt ranzig!

              Kommentar


              • #8
                Mach mal ein Beispiel und uploade es. Der IE7 kann hover.
                Sunshine CMS
                BannerAdManagement
                Borlabs - because we make IT easier
                Formulargenerator [color=red]Neu![/color]
                Herkunftsstatistik [color=red]Neu![/color]

                Kommentar

                Lädt...
                X