wie mache ich eine unsichtbare text-input-Feld sichtbar auf hover?

Es scheint nicht zu funktionieren für mich!

HTML

 <div id="box1">
     <form action="">
         <input type="string" name="htmlcode" />
     </form>
 </div>

CSS

#box1 {
    width:100px;
    height:100px;
    border-color:black 4px
}
input {
    display:none;
}
a:hover input{
    display:block;
}

die text-Eingabe wird entweder unsichtbar oder sichtbar, aber nicht reagieren zu schweben

InformationsquelleAutor Christopher Orchris | 2012-08-08
  1. 3

    Kein a tag, Sie können schweben, zeigen die Eingaben...

    Ändern #box1:hover input{display:block;} so es wird sich zeigen, wenn Sie mit der Maus in das Feld.

    border-color:black 4px ist auch ungültig. Wenn Sie möchten, um die Rahmenfarbe festzulegen, können Sie nur geben ihm die Farbe, nicht die Farbe und die Größe.

    Hier ein demo zeigen diese beiden Dinge behoben.

    InformationsquelleAutor sachleen
  2. 1

    Du nicht haben <a> im html. Versuchen: div:hover input{display:block;}

    InformationsquelleAutor Roman
  3. 1
     #box1 { 
    width:100px;
    height:100px;
    border:4px solid black;
}
 input {display:none;}
 #box1:hover input{display:block;}​

    Wie andere erwähnt haben, die Sie nicht haben eine a - tag so ändern Sie das Ziel der :hover als gut.

    Außerdem wurde die Grenze der Erklärung.

    http://jsfiddle.net/XZvHh/

    • Die box hat die Feste Größe, so dass Sie nicht brauchen Sichtbarkeit. Display funktioniert gut in diesem Fall.
    • du hast Recht, behoben.
    • Nur um klar sein, ich wollte damit nicht sagen, dass mit die Sicht war falsch.
    InformationsquelleAutor Davy8
  4. 1

    in der css müssen Sie diese

    #box1:hover input{display:block;}
    InformationsquelleAutor Raab
Schreibe einen Kommentar