juewi: "visibility: visible" will nicht recht

Hallo!

Will hier (am rechten Rand des unteren grauen Balkens) meinen Counter nur bei Hover anzeigen lassen. Funktioniert aber mit nachfolgendem Code nicht. UMGEKEHRT, also zuerst visible und bei hover hidden funktioniert aber! Wie das?

  
#counter {  
float: right;  
margin-top: -15px;  
margin-right: 5px;  
visibility: hidden;  
}  
#counter:hover {  
visibility: visible;  
}  

  
<div id="counter">  
hier der counter  
</div>  

  1. Wie das?

    Tja disbezüglich Verhalten sich display:none und visibility:hidden gleich.
    Kennen wir doch von den Screenreadern.
    Der Platz bleibt zwar reserviert. Aber da ist nichts zum hovern.

    Noch eine Frage?

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. »» Wie das?

      Tja disbezüglich Verhalten sich display:none und visibility:hidden gleich.
      Kennen wir doch von den Screenreadern.
      Der Platz bleibt zwar reserviert. Aber da ist nichts zum hovern.

      Noch eine Frage?

      mfg Beat

      Ja ;-)

      In diesem Post wird dasselbe für ein "div ul" gecodet und der Poster schreibt in nachfolgendem Post dass der Effekt (im FF) funktioniert.

      Warum bei mir nicht?

      1. In diesem Post wird dasselbe für ein "div ul" gecodet und der Poster schreibt in nachfolgendem Post dass der Effekt (im FF) funktioniert.

        Warum bei mir nicht?

        Kennst du den Unterschied zwischen

        #layer ul{
          visibility:hidden;
          }

        #layer:hover ul{
          visibility:visible;
          }

        --------------und-----------

        #layer ul{
          visibility:hidden;
          }

        #layer ul:hover{
          visibility:visible;
          }

        mfg Beat

        --
        Woran ich arbeite:
        X-Torah
        ><o(((°>           ><o(((°>
           <°)))o><                     ><o(((°>o
        Der Valigator leibt diese Fische
        1. Kennst du den Unterschied zwischen

          #layer ul{
            visibility:hidden;
            }

          #layer:hover ul{
            visibility:visible;
            }

          --------------und-----------

          #layer ul{
            visibility:hidden;
            }

          #layer ul:hover{
            visibility:visible;
            }

          mfg Beat

          Vielen Dank - diesen Unterschied hab ich bis dato nicht bedacht! Funktioniert!

          LG, Jürgen

      2. Hi,

        In diesem Post wird dasselbe für ein "div ul" gecodet

        Nein, nicht dasselbe.
        Anhand des hover über dem div wird die darin befindliche ul sichtbar gemacht oder versteckt.

        Du willst anhand des hover über dem div das div selbst sichtbar machen oder verstecken.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Du willst anhand des hover über dem div das div selbst sichtbar machen oder verstecken.

          Andreas

          Ok - da beisst sich die Katze in den Schwanz, verstanden ;-) Danke